groundfloor-react-ui 1.2.1 → 1.2.3

package/components/Inputs/DropdownSelect.js

@@ -173,7 +173,6 @@ const IconDiv = styled.div`
 `;
 
 export const DropdownSelect = ({
-
   label,
   labelStyle,
   optionArr,
@@ -204,22 +203,17 @@ export const DropdownSelect = ({
   leftIconSize,
   ...props
 }) => {
-
-  const activeTheme = useTheme() || defaultThemeColor
+  const activeTheme = useTheme() || defaultThemeColor;
 
   const DropdownIndicator = (p) => {
-
-    const drpdwn = <components.DropdownIndicator {...p}>
-
-
-      <IconDiv>
-        <Icon icon={iconName} color={iconColor} size={iconSize} />
-        {/* <Icon icon='triangle-down' color={'black'} size={8} /> */}
-      </IconDiv>
-
-    </components.DropdownIndicator>
-    return showIndicator === true ? drpdwn : null;
-
+    const dropdown = (
+      <components.DropdownIndicator {...p}>
+        <IconDiv>
+          <Icon icon={iconName} color={iconColor} size={iconSize} />
+        </IconDiv>
+      </components.DropdownIndicator>
+    );
+    return showIndicator === true ? dropdown : null;
   };
 
   const ClearIndicator = (p) => {
@@ -235,21 +229,40 @@ export const DropdownSelect = ({
             <Icon icon='cross-icon' color={'black'} size={8} />
           </IconDiv>
         ) : null}
-
       </components.ClearIndicator>
     );
-
   };
 
-  const LeftIcon = (props) => {
+  const LeftIcon = ({ getValue, children, ...props }) => {
+    const len = getValue().length;
+
     return (
       <components.ValueContainer {...props}>
-        {leftIcon === '' ? null : <IconDiv style={{ paddingTop: '10px', paddingRight: '8px', marginLeft: '0', marginTop: '-16px' }}>
-          <Icon icon={leftIcon} color={leftIconColor} size={leftIconSize} />
-        </IconDiv>
-        }
+        {leftIcon === '' ? null : (
+          <IconDiv
+            style={{
+              paddingTop: '10px',
+              paddingRight: '8px',
+              marginLeft: '0',
+              marginTop: '-16px',
+            }}
+          >
+            <Icon icon={leftIcon} color={leftIconColor} size={leftIconSize} />
+          </IconDiv>
+        )}
+
+        {children}
+        {len > 1 && <div className={`text-more-alt`}>&amp; {len - 1} more</div>}
+      </components.ValueContainer>
+    );
+  };
 
-        {props.children}
+  const ValueContainer = ({ getValue, children, ...props }) => {
+    const len = getValue().length;
+    return (
+      <components.ValueContainer {...props}>
+        {children}
+        {len > 1 && <div className={`text-more-alt`}>&amp; {len - 1} more</div>}
       </components.ValueContainer>
     );
   };
@@ -263,7 +276,7 @@ export const DropdownSelect = ({
       fontSize: '8px',
       lineHeight: '10px',
       minWidth: '15px',
-      minHeight: '15px'
+      minHeight: '15px',
     };
     const checked = (
       <div
@@ -302,16 +315,6 @@ export const DropdownSelect = ({
     return !index && <div className='text-main-alt'>{firstSelected}</div>;
   };
 
-  const ValueContainer = ({ getValue, children, ...props }) => {
-    const len = getValue().length;
-    return (
-      <components.ValueContainer {...props}>
-        {children}
-        {len > 1 && <div className={`text-more-alt`}>&amp; {len - 1} more</div>}
-      </components.ValueContainer>
-    );
-  };
-
   const stylesComp = {
     control: (base, state) => ({
       ...base,
@@ -343,7 +346,6 @@ export const DropdownSelect = ({
       justifyContent: 'center',
       alignItems: 'center',
       paddingLeft: '0px',
-
     }),
     valueContainer: (base) => ({
       ...base,
@@ -366,21 +368,17 @@ export const DropdownSelect = ({
       borderRadius: '4.32px',
       fontSize: fontSize + 'px',
       width: '100%',
-
-
     }),
     singleValue: (base) => ({
       ...base,
       fontSize: fontSize + 'px',
       marginLeft: '0px',
-      width: 'auto'
-
+      width: 'auto',
     }),
     multiValue: (base) => ({
       ...base,
       marginLeft: '0px',
-      width: 'auto'
-
+      width: 'auto',
     }),
     input: (base) => ({
       ...base,
@@ -389,19 +387,24 @@ export const DropdownSelect = ({
     option: (provided, state) => ({
       ...provided,
       backgroundColor:
-        state.isSelected || state.isFocused ? activeTheme.neutral['neutral-5'] : activeTheme.bgColor,
+        state.isSelected || state.isFocused
+          ? activeTheme.neutral['neutral-5']
+          : activeTheme.bgColor,
       padding: '10px',
       cursor: 'pointer',
       color: '#081348',
       width: 'inherit',
-
     }),
 
-
     ...props.styles,
   };
   return (
-    <Wrapper style={customWrapperStyles} isValid={isValid} fontSize={fontSize} theme={activeTheme}>
+    <Wrapper
+      style={customWrapperStyles}
+      isValid={isValid}
+      fontSize={fontSize}
+      theme={activeTheme}
+    >
       {label && (
         <LabelWrapper
           inBuiltCss={defaultStyles}
@@ -432,8 +435,8 @@ export const DropdownSelect = ({
             DropdownIndicator,
             MultiValue,
             Option,
-            // ValueContainer: LeftIcon,
-            ValueContainer,
+            ValueContainer: LeftIcon,
+            // ValueContainer,
             IndicatorSeparator: () => null,
             ClearIndicator,
           }}
@@ -451,12 +454,8 @@ export const DropdownSelect = ({
           closeMenuOnSelect={false}
           isSearchable={true}
           isLoading={isLoading}
-
           id={id}
-
           isClearable={isClearable}
-
-
           {...props}
         />
       ) : dropdownType === 'asyncSingleSelect' ? (
@@ -467,8 +466,8 @@ export const DropdownSelect = ({
           styles={stylesComp}
           components={{
             DropdownIndicator,
-            // ValueContainer: LeftIcon,
-            ValueContainer,
+            ValueContainer: LeftIcon,
+            // ValueContainer,
             IndicatorSeparator: () => null,
             ClearIndicator,
           }}
@@ -479,12 +478,8 @@ export const DropdownSelect = ({
           onChange={setSelectedValue}
           isLoading={isLoading}
           isDisabled={isDisabled}
-
           id={id}
-
           isClearable={isClearable}
-
-
           {...props}
         />
       ) : dropdownType === 'asyncMultiSelect' ? (
@@ -492,8 +487,8 @@ export const DropdownSelect = ({
           components={{
             DropdownIndicator,
             MultiValue,
-            // ValueContainer: LeftIcon,
-            ValueContainer,
+            ValueContainer: LeftIcon,
+            // ValueContainer,
             Option,
             IndicatorSeparator: () => null,
             ClearIndicator,
@@ -513,20 +508,16 @@ export const DropdownSelect = ({
           loadOptions={loadOptions}
           defaultOptions
           onInputChange={onInputChange}
-
           id={id}
-
           isClearable={isClearable}
-
-
           {...props}
         />
       ) : (
         <Select
           components={{
             DropdownIndicator,
-            // ValueContainer: LeftIcon,
-            ValueContainer,
+            ValueContainer: LeftIcon,
+            // ValueContainer,
             IndicatorSeparator: () => null,
             ClearIndicator,
           }}
@@ -543,12 +534,8 @@ export const DropdownSelect = ({
           styles={stylesComp}
           onChange={setSelectedValue}
           isLoading={isLoading}
-
           id={id}
-
           isClearable={isClearable}
-
-
           {...props}
         />
       )}
@@ -606,67 +593,66 @@ DropdownSelect.propTypes = {
    */
   customWrapperStyles: PropTypes.object,
   /**
- *   label styles
- */
+   *   label styles
+   */
   customLabelStyles: PropTypes.object,
   /**
-*   Mandatory or not
-*/
+   *   Mandatory or not
+   */
   isRequired: PropTypes.bool,
   /**
-*   default dropdown type
-*/
+   *   default dropdown type
+   */
   dropdownType: PropTypes.string,
   /**
-*   disabled or not
-*/
+   *   disabled or not
+   */
   isDisabled: PropTypes.bool,
   /**
-*   show loader or not
-*/
+   *   show loader or not
+   */
   isLoading: PropTypes.bool,
   /**
-*   valid or not
-*/
+   *   valid or not
+   */
   isValid: PropTypes.bool,
   /**
- *	height of the component
- */
+   *	height of the component
+   */
   height: PropTypes.number,
   /**
-*   clearable or not
-*/
+   *   clearable or not
+   */
   isClearable: PropTypes.bool,
   /**
-*   id of the select
-*/
+   *   id of the select
+   */
   id: PropTypes.string,
   /**
-*   iconName of the select
-*/
+   *   iconName of the select
+   */
   iconName: PropTypes.string,
   /**
-*   iconColor of the select
-*/
+   *   iconColor of the select
+   */
   iconColor: PropTypes.string,
   /**
-*   iconSize of the select
-*/
+   *   iconSize of the select
+   */
   iconSize: PropTypes.number,
   /**
-*   leftIcon of the select
-*/
+   *   leftIcon of the select
+   */
   leftIcon: PropTypes.string,
   /**
-*   iconColor of the select
-*/
+   *   iconColor of the select
+   */
   leftIconColor: PropTypes.string,
   /**
-*   iconSize of the select
-*/
+   *   iconSize of the select
+   */
   leftIconSize: PropTypes.number,
-  showIndicator: PropTypes.bool
-
+  showIndicator: PropTypes.bool,
 };
 
 DropdownSelect.defaultProps = {
@@ -696,5 +682,5 @@ DropdownSelect.defaultProps = {
   leftIcon: 'magnifier-icon',
   leftIconColor: 'black',
   leftIconSize: 10,
-  showIndicator: true
+  showIndicator: true,
 };

package/components/Inputs/RadioInput.js

@@ -1,4 +1,5 @@
 import PropTypes from 'prop-types';
+import React from 'react';
 import styled, { useTheme } from 'styled-components';
 import defaultStyles from '../constants/defaultStyle';
 import defaultThemeColor from '../constants/defaultThemeColor';
@@ -132,7 +133,7 @@ export const RadioInput = ({
                 {options.map((item, i) => {
                     return (
                         <WrapperDiv
-                        WrapperDivStyle={WrapperDivStyle}
+                            WrapperDivStyle={WrapperDivStyle}
                             key={i + Math.random() * 101}
                             id={item.id}
                             inline={inline}
@@ -232,7 +233,7 @@ RadioInput.propTypes = {
     /**
    *	RadioButton wraperdiv style object
    */
-   WrapperDivStyle: PropTypes.object,
+    WrapperDivStyle: PropTypes.object,
     /**
      *	RadioButton checked value
      */

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import e from"prop-types";import t,{forwardRef as o,useRef as r,useState as l,useEffect as i,Component as n,Fragment as a,createRef as c}from"react";import s,{css as d,useTheme as p,keyframes as m,createGlobalStyle as u}from"styled-components";import{ReactSVG as g}from"react-svg";import b from"react-datepicker";import f,{components as h}from"react-select";import y from"react-select/async";import x from"react-signature-pad-wrapper";import A from"react-data-table-component";import{usePopperTooltip as v}from"react-popper-tooltip";import C from"react-modal";function w(){return w=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e},w.apply(this,arguments)}const S={"primary-1":"#2E56F4","primary-2":"#081348"},E={error:"#DD0000",success:"#00B904 "},k={"neutral-1":"#39424D","neutral-2":"#929EAC","neutral-3":"#BBC4CF","neutral-4":"#E2E6F5","neutral-5":"#F0F3F8"},z={"insight-purple":"#F8F2FF","insight-yellow":"#FFFAF2","error-bg":"#FCF2F2","selection-bg":"#F2F4FE"},V={"graph-1":"#2E56F4","graph-2":"#00D7F7","graph-3":"#8B2DFF","graph-4":"#FB9A00","graph-5":"#00B904"},M={primary:{...S},ui:{...E},neutral:{...k},shade:{...z},graph:{...V},variant:{...S,...E,...k,...z,...V},textColor:S["primary-2"],bgColor:"#FFFFFF",black:"#000000",border:"#D4D7E3"},B={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"}},R=s.div`
+import e from"prop-types";import t,{forwardRef as o,useRef as r,useState as l,useEffect as i,Component as n,Fragment as a,createRef as c}from"react";import s,{css as d,useTheme as p,keyframes as m,createGlobalStyle as u}from"styled-components";import{ReactSVG as g}from"react-svg";import b from"react-datepicker";import f,{components as h}from"react-select";import y from"react-select/async";import x from"react-signature-pad-wrapper";import A from"react-data-table-component";import{usePopperTooltip as v}from"react-popper-tooltip";import C from"react-modal";function w(){return w=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e},w.apply(this,arguments)}const S={"primary-1":"#2E56F4","primary-2":"#081348"},E={error:"#DD0000",success:"#00B904 "},k={"neutral-1":"#39424D","neutral-2":"#929EAC","neutral-3":"#BBC4CF","neutral-4":"#E2E6F5","neutral-5":"#F0F3F8"},z={"insight-purple":"#F8F2FF","insight-yellow":"#FFFAF2","error-bg":"#FCF2F2","selection-bg":"#F2F4FE"},V={"graph-1":"#2E56F4","graph-2":"#00D7F7","graph-3":"#8B2DFF","graph-4":"#FB9A00","graph-5":"#00B904"},M={primary:{...S},ui:{...E},neutral:{...k},shade:{...z},graph:{...V},variant:{...S,...E,...k,...z,...V},textColor:S["primary-2"],bgColor:"#FFFFFF",black:"#000000",border:"#D4D7E3"},B={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"}},I=s.div`
   ${({trimFileName:e})=>e?d`
         height: ${({size:e})=>B[e].cardMinHeight};
       `:d`
@@ -19,7 +19,7 @@ import e from"prop-types";import t,{forwardRef as o,useRef as r,useState as l,us
       }
     }
   }
-`,I=s.div`
+`,R=s.div`
   display: flex;
   justify-content: ${({buttons:e})=>"11"!==e?"center":"space-between"};
   align-items: center;
@@ -59,7 +59,7 @@ import e from"prop-types";import t,{forwardRef as o,useRef as r,useState as l,us
   line-height: ${({size:e})=>B[e].lineHeight};
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
-`,P=({variant:e,variantBorder:o,variantBorderHover:r,variantBgBody:l,variantBgFooter:i,fileName:n,bgUrl:a,size:c,trimFileName:s,bodyContent:d,...m})=>{const u=p()||M;return t.createElement(R,w({variantBorder:o,variantBorderHover:r,variantBgBody:l,size:c,trimFileName:s,theme:u},m),t.createElement(I,{bgUrl:a,size:c,theme:u},d),t.createElement(W,{theme:u,title:n,variant:e,variantBgFooter:i,trimFileName:s,size:c},n))};P.propTypes={variant:e.string,variantBorder:e.string,variantBorderHover:e.string,variantBgBody:e.string,variantBgFooter:e.string,fileName:e.string,bgUrl:e.string,size:e.oneOf(["sm","md"]),trimFileName:e.bool,bodyContent:e.element},P.defaultProps={variant:"black",variantBorder:"neutral-5",variantBorderHover:"primary-1",variantBgBody:"neutral-4",variantBgFooter:null,fileName:"",bgUrl:null,size:"md",trimFileName:!0,bodyContent:null};const L=s.div`
+`,P=({variant:e,variantBorder:o,variantBorderHover:r,variantBgBody:l,variantBgFooter:i,fileName:n,bgUrl:a,size:c,trimFileName:s,bodyContent:d,...m})=>{const u=p()||M;return t.createElement(I,w({variantBorder:o,variantBorderHover:r,variantBgBody:l,size:c,trimFileName:s,theme:u},m),t.createElement(R,{bgUrl:a,size:c,theme:u},d),t.createElement(W,{theme:u,title:n,variant:e,variantBgFooter:i,trimFileName:s,size:c},n))};P.propTypes={variant:e.string,variantBorder:e.string,variantBorderHover:e.string,variantBgBody:e.string,variantBgFooter:e.string,fileName:e.string,bgUrl:e.string,size:e.oneOf(["sm","md"]),trimFileName:e.bool,bodyContent:e.element},P.defaultProps={variant:"black",variantBorder:"neutral-5",variantBorderHover:"primary-1",variantBgBody:"neutral-4",variantBgFooter:null,fileName:"",bgUrl:null,size:"md",trimFileName:!0,bodyContent:null};const L=s.div`
   color: ${({activeTheme:e})=>e.textColor};
   padding-top: 25px;
   padding-bottom: 25px;
@@ -540,7 +540,7 @@ ${({inBuiltCss:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t i
 
     //Set the styles from the default styles object
     ${({theme:e,defaultStyle:t})=>ye(e,t)}
-`,Re=({block:e,style:o,variant:r,disabled:l,type:i,id:n,...a})=>(p(),t.createElement(Be,w({id:n,block:e,variant:r,defaultStyle:"button",type:i,style:o,disabled:l},a),a.children));Re.propTypes={variant:e.string,disabled:e.bool,block:e.bool,onClick:e.func,theme:e.object,type:e.string,id:e.string},Be.defaultProps={theme:M},Re.defaultProps={theme:M,variant:"primary-1",block:!1,disabled:!1,onClick:void 0,id:""};const Ie=s.div`
+`,Ie=({block:e,style:o,variant:r,disabled:l,type:i,id:n,...a})=>(p(),t.createElement(Be,w({id:n,block:e,variant:r,defaultStyle:"button",type:i,style:o,disabled:l},a),a.children));Ie.propTypes={variant:e.string,disabled:e.bool,block:e.bool,onClick:e.func,theme:e.object,type:e.string,id:e.string},Be.defaultProps={theme:M},Ie.defaultProps={theme:M,variant:"primary-1",block:!1,disabled:!1,onClick:void 0,id:""};const Re=s.div`
     //Set the styles from the default styles object
     ${({theme:e,type:t})=>ye(e,t)}
     @media (max-width: 980px) {
@@ -548,7 +548,7 @@ ${({inBuiltCss:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t i
     }
     // custom styles
     ${({customStyles:e})=>e}
-`,We=({theme:e,type:o,customStyles:r,...l})=>t.createElement(Ie,w({theme:e,customStyles:r,type:o},l),l.children);We.propTypes={theme:e.object,customStyles:e.object,type:e.string},We.defaultProps={theme:H,customStyles:null,type:"content"};const Pe=s.div`
+`,We=({theme:e,type:o,customStyles:r,...l})=>t.createElement(Re,w({theme:e,customStyles:r,type:o},l),l.children);We.propTypes={theme:e.object,customStyles:e.object,type:e.string},We.defaultProps={theme:H,customStyles:null,type:"content"};const Pe=s.div`
   width: 100%;
   display: flex;
   flex-direction: column;
@@ -1159,7 +1159,7 @@ ${({customInputColorStyle:e})=>e}
   background: white;
   box-shadow: 0px 6px 20px rgb(56 66 100 / 15%);
   border-radius: 4px;
-`,Rt=s("ul")`
+`,It=s("ul")`
   list-style: none;
   padding: 0;
   margin: 12px;
@@ -1186,7 +1186,7 @@ ${({customInputColorStyle:e})=>e}
     background-color: ${({theme:e})=>e.neutral["neutral-4"]};
     border-radius: 10px;
   }
-`;Rt.defaultProps={theme:M};const It=s("li")`
+`;It.defaultProps={theme:M};const Rt=s("li")`
   text-align: left;
   font-style: normal;
   font-weight: normal;
@@ -1195,7 +1195,7 @@ ${({customInputColorStyle:e})=>e}
   padding-left: 12px;
   padding-bottom: 12px;
   cursor: pointer;
-`,Wt=({startDate:e,setStartDate:o,disabled:n,theme:a,...c})=>{const s=p()||M,d=["January","February","March","April","May","June","July","August","September","October","November","December"];for(var m=[],u=2010;u<=(new Date).getFullYear()+10;u++)m.push(u);const g=r(null),f=r(null),[h,y]=l(!1),[x,A]=l(!1),[v,C]=l(!1),[S,E]=l(!1),[k,z]=l(e.getFullYear()),[V,B]=l(d[e.getMonth()]);i((()=>{B(d[e.getMonth()]),z(e.getFullYear())}),[e]),i((()=>(document.addEventListener("click",R,!0),()=>{document.removeEventListener("click",R,!0)})),[]);const R=e=>{g.current&&!g.current.contains(e.target)&&y(!1)},I=e=>{f.current&&!f.current.contains(e.target)&&A(!1)};return i((()=>(document.addEventListener("click",I,!0),()=>{document.removeEventListener("click",I,!0)})),[]),t.createElement(Et,w({disabled:n,theme:a},c),t.createElement(b,{selected:e,dateFormat:"dd/MM/yyyy",useWeekdaysShort:!0,onChange:e=>o(e),placeholderText:"select date",adjustDateOnChange:!0,disabled:n,dropdownMode:"select",renderCustomHeader:({date:e,changeYear:o,changeMonth:r})=>t.createElement(kt,null,t.createElement("div",{style:{display:"flex"}},t.createElement(Vt,{ref:g},t.createElement(Mt,{onClick:()=>{y(!h),A(!1)}},t.createElement("span",{onMouseEnter:()=>C(!0),onMouseLeave:()=>C(!1),style:{color:`${v?s.variant["primary-1"]:s.textColor}`}},d[e.getMonth()]),t.createElement(zt,null,t.createElement(X,{icon:"triangle-down",color:v?s.variant["primary-1"]:s.textColor,size:7}))),h&&t.createElement(Bt,null,t.createElement(Rt,{theme:a,onMouseEnter:()=>C(!0)},d.map(((e,o)=>t.createElement(It,{selectedMonth:V,onClick:()=>{C(!1),r(o),y(!1),B(d[o])},key:Math.random()},t.createElement("span",{style:{color:`${V===e?s.variant["primary-1"]:s.textColor}`}},e))))))),t.createElement(Vt,{ref:f},t.createElement(Mt,{style:{marginLeft:"28px"},onClick:()=>{A(!x),y(!1)}},t.createElement("span",{onMouseEnter:()=>E(!0),onMouseLeave:()=>E(!1),style:{color:`${S?s.variant["primary-1"]:s.textColor}`}},e.getFullYear()),t.createElement(zt,null,t.createElement(X,{icon:"triangle-down",color:S?s.variant["primary-1"]:s.textColor,size:7}))),x&&t.createElement(Bt,null,t.createElement(Rt,{onMouseEnter:()=>E(!0)},m.map(((e,r)=>t.createElement(It,{onClick:()=>{E(!1),o(e),z(e),A(!1)},key:Math.random()},t.createElement("span",{style:{color:`${k===e?s.variant["primary-1"]:s.textColor}`}},e)))))))))}))};Wt.propTypes={startDate:e.any,setStartDate:e.func,disabled:e.bool,theme:e.object},Wt.defaultProps={theme:M,startDate:"",setStartDate:()=>{},disabled:!1};const Pt=s.div`
+`,Wt=({startDate:e,setStartDate:o,disabled:n,theme:a,...c})=>{const s=p()||M,d=["January","February","March","April","May","June","July","August","September","October","November","December"];for(var m=[],u=2010;u<=(new Date).getFullYear()+10;u++)m.push(u);const g=r(null),f=r(null),[h,y]=l(!1),[x,A]=l(!1),[v,C]=l(!1),[S,E]=l(!1),[k,z]=l(e.getFullYear()),[V,B]=l(d[e.getMonth()]);i((()=>{B(d[e.getMonth()]),z(e.getFullYear())}),[e]),i((()=>(document.addEventListener("click",I,!0),()=>{document.removeEventListener("click",I,!0)})),[]);const I=e=>{g.current&&!g.current.contains(e.target)&&y(!1)},R=e=>{f.current&&!f.current.contains(e.target)&&A(!1)};return i((()=>(document.addEventListener("click",R,!0),()=>{document.removeEventListener("click",R,!0)})),[]),t.createElement(Et,w({disabled:n,theme:a},c),t.createElement(b,{selected:e,dateFormat:"dd/MM/yyyy",useWeekdaysShort:!0,onChange:e=>o(e),placeholderText:"select date",adjustDateOnChange:!0,disabled:n,dropdownMode:"select",renderCustomHeader:({date:e,changeYear:o,changeMonth:r})=>t.createElement(kt,null,t.createElement("div",{style:{display:"flex"}},t.createElement(Vt,{ref:g},t.createElement(Mt,{onClick:()=>{y(!h),A(!1)}},t.createElement("span",{onMouseEnter:()=>C(!0),onMouseLeave:()=>C(!1),style:{color:`${v?s.variant["primary-1"]:s.textColor}`}},d[e.getMonth()]),t.createElement(zt,null,t.createElement(X,{icon:"triangle-down",color:v?s.variant["primary-1"]:s.textColor,size:7}))),h&&t.createElement(Bt,null,t.createElement(It,{theme:a,onMouseEnter:()=>C(!0)},d.map(((e,o)=>t.createElement(Rt,{selectedMonth:V,onClick:()=>{C(!1),r(o),y(!1),B(d[o])},key:Math.random()},t.createElement("span",{style:{color:`${V===e?s.variant["primary-1"]:s.textColor}`}},e))))))),t.createElement(Vt,{ref:f},t.createElement(Mt,{style:{marginLeft:"28px"},onClick:()=>{A(!x),y(!1)}},t.createElement("span",{onMouseEnter:()=>E(!0),onMouseLeave:()=>E(!1),style:{color:`${S?s.variant["primary-1"]:s.textColor}`}},e.getFullYear()),t.createElement(zt,null,t.createElement(X,{icon:"triangle-down",color:S?s.variant["primary-1"]:s.textColor,size:7}))),x&&t.createElement(Bt,null,t.createElement(It,{onMouseEnter:()=>E(!0)},m.map(((e,r)=>t.createElement(Rt,{onClick:()=>{E(!1),o(e),z(e),A(!1)},key:Math.random()},t.createElement("span",{style:{color:`${k===e?s.variant["primary-1"]:s.textColor}`}},e)))))))))}))};Wt.propTypes={startDate:e.any,setStartDate:e.func,disabled:e.bool,theme:e.object},Wt.defaultProps={theme:M,startDate:"",setStartDate:()=>{},disabled:!1};const Pt=s.div`
 
     .master-dropdown,
     .new-select {
@@ -1347,7 +1347,7 @@ ${({customInputColorStyle:e})=>e}
   margin-left: 6px;
   margin-top: -14px;
   cursor: pointer;
-`,Ht=({label:e,labelStyle:o,optionArr:r,selectedValue:l,setSelectedValue:i,placeHolder:n,isClearable:a,isValid:c,height:s,fontSize:d,loadOptions:m,onInputChange:u,clearSelected:g,customWrapperStyles:b,customLabelStyles:x,isRequired:A,dropdownType:v,isDisabled:C,isLoading:S,id:E,iconName:k,iconColor:z,iconSize:V,showIndicator:B,leftIcon:R,leftIconColor:I,leftIconSize:W,...P})=>{const L=p()||M,q=e=>{const o=t.createElement(h.DropdownIndicator,e,t.createElement(qt,null,t.createElement(X,{icon:k,color:z,size:V})));return!0===B?o:null},T=e=>t.createElement(h.ClearIndicator,e,a?t.createElement(qt,{onClick:()=>{g(),e.clearValue()}},t.createElement(X,{icon:"cross-icon",color:"black",size:8})):null),j=e=>{const o={width:"15px",height:"15px",borderRadius:"2px",padding:"4px",fontSize:"8px",lineHeight:"10px",minWidth:"15px",minHeight:"15px"},r=t.createElement("div",{style:{...o,backgroundColor:e?.data?.color??L.primary["primary-1"]}},t.createElement(X,{icon:"check-icon",color:"white"})),l=t.createElement("div",{style:{...o,backgroundColor:"#e0e7ff"}});return t.createElement(h.Option,e,t.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",width:"100%"}},e.isSelected?r:l,t.createElement("div",{className:"text-main-alt",style:{marginLeft:"10px"}},e.label)))},F=({index:e,...o})=>{const r=o?.data?.label||"Select";return!e&&t.createElement("div",{className:"text-main-alt"},r)},G=({getValue:e,children:o,...r})=>{const l=e().length;return t.createElement(h.ValueContainer,r,o,l>1&&t.createElement("div",{className:"text-more-alt"},"& ",l-1," more"))},O={control:(e,t)=>({...e,border:c?"1px solid "+L.border:"1px solid "+L.ui.error,minWidth:"215px",height:`${s}px`,minHeight:`${s}px`,boxShadow:(t.isSelected||t.isFocused)&&"none"}),placeholder:e=>({...e,fontSize:d+"px",marginLeft:"0px"}),dropdownIndicator:e=>({...e,height:`${s}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),clearIndicator:e=>({...e,height:`${s}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),valueContainer:e=>({...e,display:"flex",fontSize:d+"px"}),indicatorsContainer:e=>({...e,padding:0,height:`${s}px`}),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%"}),singleValue:e=>({...e,fontSize:d+"px",marginLeft:"0px",width:"auto"}),multiValue:e=>({...e,marginLeft:"0px",width:"auto"}),input:e=>({...e,fontSize:d+"px"}),option:(e,t)=>({...e,backgroundColor:t.isSelected||t.isFocused?L.neutral["neutral-5"]:L.bgColor,padding:"10px",cursor:"pointer",color:"#081348",width:"inherit"}),...P.styles};return t.createElement(Pt,{style:b,isValid:c,fontSize:d,theme:L},e&&t.createElement(Lt,{inBuiltCss:H,labelWrapperStyle:"selectComp-label-wrapper",style:x},t.createElement(bt,{customStyles:o,type:"label-text",text:e,style:{marginBottom:"7px",paddingBottom:"0px"}}),A&&t.createElement("div",{style:{marginLeft:"4px",color:`${L.ui.error}`}},"*")),"multiSelect"===v?t.createElement(f,w({components:{DropdownIndicator:q,MultiValue:F,Option:j,ValueContainer:G,IndicatorSeparator:()=>null,ClearIndicator:T},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",onChange:i,placeholder:n,value:l,options:r,styles:O,isMulti:!0,isDisabled:C,hideSelectedOptions:!1,closeMenuOnSelect:!1,isSearchable:!0,isLoading:S,id:E,isClearable:a},P)):"asyncSingleSelect"===v?t.createElement(y,w({loadOptions:m,defaultOptions:!0,onInputChange:u,styles:O,components:{DropdownIndicator:q,ValueContainer:G,IndicatorSeparator:()=>null,ClearIndicator:T},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",placeholder:n,onChange:i,isLoading:S,isDisabled:C,id:E,isClearable:a},P)):"asyncMultiSelect"===v?t.createElement(y,w({components:{DropdownIndicator:q,MultiValue:F,ValueContainer:G,Option:j,IndicatorSeparator:()=>null,ClearIndicator:T},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",onChange:i,placeholder:n,styles:O,isMulti:!0,isDisabled:C,hideSelectedOptions:!1,closeMenuOnSelect:!1,isSearchable:!0,isLoading:S,loadOptions:m,defaultOptions:!0,onInputChange:u,id:E,isClearable:a},P)):t.createElement(f,w({components:{DropdownIndicator:q,ValueContainer:G,IndicatorSeparator:()=>null,ClearIndicator:T},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",options:r,placeholder:n,isDisabled:C,value:{value:l?l.value:"",label:l?l.label:""},styles:O,onChange:i,isLoading:S,id:E,isClearable:a},P)))};Ht.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},Ht.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:"magnifier-icon",leftIconColor:"black",leftIconSize:10,showIndicator:!0};const Tt=s.div`
+`,Ht=({label:e,labelStyle:o,optionArr:r,selectedValue:l,setSelectedValue:i,placeHolder:n,isClearable:a,isValid:c,height:s,fontSize:d,loadOptions:m,onInputChange:u,clearSelected:g,customWrapperStyles:b,customLabelStyles:x,isRequired:A,dropdownType:v,isDisabled:C,isLoading:S,id:E,iconName:k,iconColor:z,iconSize:V,showIndicator:B,leftIcon:I,leftIconColor:R,leftIconSize:W,...P})=>{const L=p()||M,q=e=>{const o=t.createElement(h.DropdownIndicator,e,t.createElement(qt,null,t.createElement(X,{icon:k,color:z,size:V})));return!0===B?o:null},T=e=>t.createElement(h.ClearIndicator,e,a?t.createElement(qt,{onClick:()=>{g(),e.clearValue()}},t.createElement(X,{icon:"cross-icon",color:"black",size:8})):null),j=({getValue:e,children:o,...r})=>{const l=e().length;return t.createElement(h.ValueContainer,r,""===I?null:t.createElement(qt,{style:{paddingTop:"10px",paddingRight:"8px",marginLeft:"0",marginTop:"-16px"}},t.createElement(X,{icon:I,color:R,size:W})),o,l>1&&t.createElement("div",{className:"text-more-alt"},"& ",l-1," more"))},F=e=>{const o={width:"15px",height:"15px",borderRadius:"2px",padding:"4px",fontSize:"8px",lineHeight:"10px",minWidth:"15px",minHeight:"15px"},r=t.createElement("div",{style:{...o,backgroundColor:e?.data?.color??L.primary["primary-1"]}},t.createElement(X,{icon:"check-icon",color:"white"})),l=t.createElement("div",{style:{...o,backgroundColor:"#e0e7ff"}});return t.createElement(h.Option,e,t.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",width:"100%"}},e.isSelected?r:l,t.createElement("div",{className:"text-main-alt",style:{marginLeft:"10px"}},e.label)))},G=({index:e,...o})=>{const r=o?.data?.label||"Select";return!e&&t.createElement("div",{className:"text-main-alt"},r)},O={control:(e,t)=>({...e,border:c?"1px solid "+L.border:"1px solid "+L.ui.error,minWidth:"215px",height:`${s}px`,minHeight:`${s}px`,boxShadow:(t.isSelected||t.isFocused)&&"none"}),placeholder:e=>({...e,fontSize:d+"px",marginLeft:"0px"}),dropdownIndicator:e=>({...e,height:`${s}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),clearIndicator:e=>({...e,height:`${s}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),valueContainer:e=>({...e,display:"flex",fontSize:d+"px"}),indicatorsContainer:e=>({...e,padding:0,height:`${s}px`}),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%"}),singleValue:e=>({...e,fontSize:d+"px",marginLeft:"0px",width:"auto"}),multiValue:e=>({...e,marginLeft:"0px",width:"auto"}),input:e=>({...e,fontSize:d+"px"}),option:(e,t)=>({...e,backgroundColor:t.isSelected||t.isFocused?L.neutral["neutral-5"]:L.bgColor,padding:"10px",cursor:"pointer",color:"#081348",width:"inherit"}),...P.styles};return t.createElement(Pt,{style:b,isValid:c,fontSize:d,theme:L},e&&t.createElement(Lt,{inBuiltCss:H,labelWrapperStyle:"selectComp-label-wrapper",style:x},t.createElement(bt,{customStyles:o,type:"label-text",text:e,style:{marginBottom:"7px",paddingBottom:"0px"}}),A&&t.createElement("div",{style:{marginLeft:"4px",color:`${L.ui.error}`}},"*")),"multiSelect"===v?t.createElement(f,w({components:{DropdownIndicator:q,MultiValue:G,Option:F,ValueContainer:j,IndicatorSeparator:()=>null,ClearIndicator:T},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",onChange:i,placeholder:n,value:l,options:r,styles:O,isMulti:!0,isDisabled:C,hideSelectedOptions:!1,closeMenuOnSelect:!1,isSearchable:!0,isLoading:S,id:E,isClearable:a},P)):"asyncSingleSelect"===v?t.createElement(y,w({loadOptions:m,defaultOptions:!0,onInputChange:u,styles:O,components:{DropdownIndicator:q,ValueContainer:j,IndicatorSeparator:()=>null,ClearIndicator:T},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",placeholder:n,onChange:i,isLoading:S,isDisabled:C,id:E,isClearable:a},P)):"asyncMultiSelect"===v?t.createElement(y,w({components:{DropdownIndicator:q,MultiValue:G,ValueContainer:j,Option:F,IndicatorSeparator:()=>null,ClearIndicator:T},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",onChange:i,placeholder:n,styles:O,isMulti:!0,isDisabled:C,hideSelectedOptions:!1,closeMenuOnSelect:!1,isSearchable:!0,isLoading:S,loadOptions:m,defaultOptions:!0,onInputChange:u,id:E,isClearable:a},P)):t.createElement(f,w({components:{DropdownIndicator:q,ValueContainer:j,IndicatorSeparator:()=>null,ClearIndicator:T},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",options:r,placeholder:n,isDisabled:C,value:{value:l?l.value:"",label:l?l.label:""},styles:O,onChange:i,isLoading:S,id:E,isClearable:a},P)))};Ht.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},Ht.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:"magnifier-icon",leftIconColor:"black",leftIconSize:10,showIndicator:!0};const Tt=s.div`
   //Set the styles from the default styles object
   ${({inBuiltCss:e,defaultStyles:t})=>ye(e,t)}
 
@@ -1405,7 +1405,7 @@ ${({customInputColorStyle:e})=>e}
   align-items: center;
   margin: 20px 0px;
   font-size: 14px;
-`,Qt=({isValid:e,label:o,labelStyle:r,labelInline:i,required:n,message:a,fileArr:s,setFileArr:d,deleteFile:m,customDropzoneStyles:u,customFileStyles:g,customTextStyles:b,customFileNameStyles:f,backgroundColor:h,singleFile:y,messageSize:x,additionalText:A,id:v,...C})=>{const S=p()||M,[E,k]=l(!1),z=c();function V(e){e.preventDefault(),e.stopPropagation()}function B(e,t){let o=1==t?[]:[...s];for(let t=0;t<e.length;t++)o.push(e.item(t));return t||(o=o.filter(((e,t,o)=>t===o.findIndex((t=>t.place===e.place&&t.name===e.name))))),d(o),k(!1),o}function R(e,t){if(e instanceof File){const t=s.filter((t=>t.name!==e.name));d(t)}else!function(e,t){const o=s.filter((t=>t.name!==e.name));d(o),m(e)}(e)}return t.createElement("div",null,t.createElement("div",{style:{display:"flex",width:"inherit"}},t.createElement(bt,w({customStyles:r,type:"label-text",labelInline:i,text:o,style:{display:"flex",marginBottom:""+(i?"":"7px"),paddingBottom:"0px"}},C)),n&&t.createElement("div",{style:{marginLeft:"4px",color:`${S.variant.error}`}},"*")),t.createElement(Tt,{theme:S,inBuiltCss:H,defaultStyles:"dropzone-parent",backgroundColor:h,customDropzoneStyles:u,onDragLeave:function(e){V(e),k(!1)},onDragOver:function(e){V(e),k(!0)},onDrop:function(e){V(e);const{files:t}=e.dataTransfer;k(!0),C.onFilesAdded(B(t,y))},onClick:function(){z.current.click()},hover:E,isValid:e,fileArr:s},t.createElement(Ft,w({ref:z,type:"file",id:v,multiple:1!=y,onChange:function(e){const{files:t}=e.target;k(!1),C.onFilesAdded(B(t,y))},onClick:e=>e.target.value=null},C)),e?t.createElement(X,{icon:"file-upload",color:E?S.bgColor:S.primary["primary-1"],size:24}):null,t.createElement(Gt,{isValid:e,hover:E,customTextStyles:b,inBuiltCss:H,defaultStyles:"dropzone-text-div"},e?t.createElement("div",null,t.createElement("span",{style:{color:E?S.bgColor:S.primary["primary-1"]}},"Choose a file"," "),t.createElement("span",{style:{color:E?S.bgColor:S.neutral["neutral-2"]}},"or"," "),t.createElement("span",{style:{color:E?S.bgColor:S.textColor}},"drag ",y?"it":"them"," here")):t.createElement("div",null,t.createElement("span",{style:{color:S.variant.error}},"Try again!!"," "),t.createElement("span",{style:{color:S.textColor}},a.length>x?a.slice(0,x):a)))),A.length>0&&t.createElement(Ut,null,A)," ",s?.map(((e,o)=>t.createElement(jt,{inBuiltCss:H,defaultStyles:"dropzone-file-div",key:`${e}-${o}`,customFileStyles:g},t.createElement(Zt,null,t.createElement(X,{icon:"file-icon",color:S.primary["primary-1"]})),e instanceof File?t.createElement(Xt,{inBuiltCss:H,type:"dropzone-file-name",customFileNameStyles:f},e.name):t.createElement("a",{style:{color:S.variant["primary-1"],marginLeft:"5px"},href:e?.path,target:"_blank",rel:"noreferrer"}," ",e.name),t.createElement(Jt,null,e?.otherInfo),t.createElement(Ot,{key:101*Math.random()|0,onClick:()=>R(e)},t.createElement("div",{style:{marginRight:"7px"}},t.createElement(X,{icon:`${!(e instanceof File)&&"cloud-icon"}`,color:S.primary["primary-1"]})),t.createElement(X,{icon:"cross-icon",color:S.neutral["neutral-2"],size:13}))))))};Qt.propTypes={onFilesAdded:e.func,isValid:e.bool,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,additionalText:e.string,id:e.string},Qt.defaultProps={onFilesAdded:()=>null,isValid:!0,message:"",fileArr:[],setFileArr:()=>{},customDropzoneStyles:{},customFileStyles:{},customTextStyles:{},customFileNameStyles:{},messageSize:100,additionalText:"",id:""};const Kt=s.div`
+`,Qt=({isValid:e,label:o,labelStyle:r,labelInline:i,required:n,message:a,fileArr:s,setFileArr:d,deleteFile:m,customDropzoneStyles:u,customFileStyles:g,customTextStyles:b,customFileNameStyles:f,backgroundColor:h,singleFile:y,messageSize:x,additionalText:A,id:v,...C})=>{const S=p()||M,[E,k]=l(!1),z=c();function V(e){e.preventDefault(),e.stopPropagation()}function B(e,t){let o=1==t?[]:[...s];for(let t=0;t<e.length;t++)o.push(e.item(t));return t||(o=o.filter(((e,t,o)=>t===o.findIndex((t=>t.place===e.place&&t.name===e.name))))),d(o),k(!1),o}function I(e,t){if(e instanceof File){const t=s.filter((t=>t.name!==e.name));d(t)}else!function(e,t){const o=s.filter((t=>t.name!==e.name));d(o),m(e)}(e)}return t.createElement("div",null,t.createElement("div",{style:{display:"flex",width:"inherit"}},t.createElement(bt,w({customStyles:r,type:"label-text",labelInline:i,text:o,style:{display:"flex",marginBottom:""+(i?"":"7px"),paddingBottom:"0px"}},C)),n&&t.createElement("div",{style:{marginLeft:"4px",color:`${S.variant.error}`}},"*")),t.createElement(Tt,{theme:S,inBuiltCss:H,defaultStyles:"dropzone-parent",backgroundColor:h,customDropzoneStyles:u,onDragLeave:function(e){V(e),k(!1)},onDragOver:function(e){V(e),k(!0)},onDrop:function(e){V(e);const{files:t}=e.dataTransfer;k(!0),C.onFilesAdded(B(t,y))},onClick:function(){z.current.click()},hover:E,isValid:e,fileArr:s},t.createElement(Ft,w({ref:z,type:"file",id:v,multiple:1!=y,onChange:function(e){const{files:t}=e.target;k(!1),C.onFilesAdded(B(t,y))},onClick:e=>e.target.value=null},C)),e?t.createElement(X,{icon:"file-upload",color:E?S.bgColor:S.primary["primary-1"],size:24}):null,t.createElement(Gt,{isValid:e,hover:E,customTextStyles:b,inBuiltCss:H,defaultStyles:"dropzone-text-div"},e?t.createElement("div",null,t.createElement("span",{style:{color:E?S.bgColor:S.primary["primary-1"]}},"Choose a file"," "),t.createElement("span",{style:{color:E?S.bgColor:S.neutral["neutral-2"]}},"or"," "),t.createElement("span",{style:{color:E?S.bgColor:S.textColor}},"drag ",y?"it":"them"," here")):t.createElement("div",null,t.createElement("span",{style:{color:S.variant.error}},"Try again!!"," "),t.createElement("span",{style:{color:S.textColor}},a.length>x?a.slice(0,x):a)))),A.length>0&&t.createElement(Ut,null,A)," ",s?.map(((e,o)=>t.createElement(jt,{inBuiltCss:H,defaultStyles:"dropzone-file-div",key:`${e}-${o}`,customFileStyles:g},t.createElement(Zt,null,t.createElement(X,{icon:"file-icon",color:S.primary["primary-1"]})),e instanceof File?t.createElement(Xt,{inBuiltCss:H,type:"dropzone-file-name",customFileNameStyles:f},e.name):t.createElement("a",{style:{color:S.variant["primary-1"],marginLeft:"5px"},href:e?.path,target:"_blank",rel:"noreferrer"}," ",e.name),t.createElement(Jt,null,e?.otherInfo),t.createElement(Ot,{key:101*Math.random()|0,onClick:()=>I(e)},t.createElement("div",{style:{marginRight:"7px"}},t.createElement(X,{icon:`${!(e instanceof File)&&"cloud-icon"}`,color:S.primary["primary-1"]})),t.createElement(X,{icon:"cross-icon",color:S.neutral["neutral-2"],size:13}))))))};Qt.propTypes={onFilesAdded:e.func,isValid:e.bool,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,additionalText:e.string,id:e.string},Qt.defaultProps={onFilesAdded:()=>null,isValid:!0,message:"",fileArr:[],setFileArr:()=>{},customDropzoneStyles:{},customFileStyles:{},customTextStyles:{},customFileNameStyles:{},messageSize:100,additionalText:"",id:""};const Kt=s.div`
   border: 1px solid
     ${({theme:e})=>e.border};
   border-radius: 4px;
@@ -1554,7 +1554,7 @@ ${({customInputColorStyle:e})=>e}
   display: ${({inline:e})=>e?"flex":"inline-block"};
   width: max-content;
   margin: 0;
-`,po=({radioOuterCircleStyle:e,radioInnerCircleStyle:t,labelStyle:o,label:r,optionStyle:l,options:i,selectedCircleColor:n,selectedOptionTextColor:a,onChange:c,selected:s,width:d,height:m,inline:u,defaultBorderColor:g,defaultOptionColor:b,WrapperDivStyle:f,...h})=>{const y=p()||M;return React.createElement("div",null,React.createElement(bt,{customStyles:o,type:"radio-label",text:r}),React.createElement(so,{inline:u},i.map(((o,r)=>React.createElement(co,{WrapperDivStyle:f,key:r+101*Math.random(),id:o.id,inline:u,onClick:()=>{!o?.disabled&&c(o.value)}},React.createElement(io,{theme:y,inBuiltCss:H,defaultBorderColor:g,selectedCircleColor:n,radioOuterCircleStyle:{...e,cursor:o?.disabled?"not-allowed ":" pointer",borderColor:o?.disabled&&o?.disabledColor},defaultRadioOuterCircleStyle:"radio-outer-circle",value:o.value,selected:!o?.disabled&&s},React.createElement(no,{inBuiltCss:H,theme:y,width:d,height:m,selectedCircleColor:n,radioInnerCircleStyle:{...t,cursor:o?.disabled?"not-allowed ":" pointer",backgroundColor:o?.disabled?"transparent":o?.value===s?t?.backgroundColor:"transparent"},defaultRadioInnerCircleStyle:"radio-inner-circle",value:o.value,selected:s})),React.createElement(ao,{defaultOptionColor:b,optionStyle:{...l,cursor:o?.disabled?"not-allowed ":" pointer",color:o?.disabled&&o?.disabledColor},inBuiltCss:H,defaultOptionStyle:"option-text",selectedOptionTextColor:a,theme:y,selected:!o?.disabled&&o.value===s},o.label))))))};po.propTypes={label:e.string,labelStyle:e.object,inline:e.bool,options:e.array,optionStyle:e.object,WrapperDivStyle:e.object,selected:e.string,onChange:e.func,defaultOptionColor:e.string,defaultBorderColor:e.string,radioOuterCircleStyle:e.object,radioInnerCircleStyle:e.object,width:e.string,height:e.string,selectedCircleColor:e.string,selectedOptionTextColor:e.string},po.defaultProps={label:"",labelStyle:{},inline:!1,options:[],optionStyle:{},selected:"one",onChange:()=>{},radioOuterCircleStyle:{},radioInnerCircleStyle:{},width:"14px",height:"14px",WrapperDivStyle:{}};const mo=s.div`
+`,po=({radioOuterCircleStyle:e,radioInnerCircleStyle:o,labelStyle:r,label:l,optionStyle:i,options:n,selectedCircleColor:a,selectedOptionTextColor:c,onChange:s,selected:d,width:m,height:u,inline:g,defaultBorderColor:b,defaultOptionColor:f,WrapperDivStyle:h,...y})=>{const x=p()||M;return t.createElement("div",null,t.createElement(bt,{customStyles:r,type:"radio-label",text:l}),t.createElement(so,{inline:g},n.map(((r,l)=>t.createElement(co,{WrapperDivStyle:h,key:l+101*Math.random(),id:r.id,inline:g,onClick:()=>{!r?.disabled&&s(r.value)}},t.createElement(io,{theme:x,inBuiltCss:H,defaultBorderColor:b,selectedCircleColor:a,radioOuterCircleStyle:{...e,cursor:r?.disabled?"not-allowed ":" pointer",borderColor:r?.disabled&&r?.disabledColor},defaultRadioOuterCircleStyle:"radio-outer-circle",value:r.value,selected:!r?.disabled&&d},t.createElement(no,{inBuiltCss:H,theme:x,width:m,height:u,selectedCircleColor:a,radioInnerCircleStyle:{...o,cursor:r?.disabled?"not-allowed ":" pointer",backgroundColor:r?.disabled?"transparent":r?.value===d?o?.backgroundColor:"transparent"},defaultRadioInnerCircleStyle:"radio-inner-circle",value:r.value,selected:d})),t.createElement(ao,{defaultOptionColor:f,optionStyle:{...i,cursor:r?.disabled?"not-allowed ":" pointer",color:r?.disabled&&r?.disabledColor},inBuiltCss:H,defaultOptionStyle:"option-text",selectedOptionTextColor:c,theme:x,selected:!r?.disabled&&r.value===d},r.label))))))};po.propTypes={label:e.string,labelStyle:e.object,inline:e.bool,options:e.array,optionStyle:e.object,WrapperDivStyle:e.object,selected:e.string,onChange:e.func,defaultOptionColor:e.string,defaultBorderColor:e.string,radioOuterCircleStyle:e.object,radioInnerCircleStyle:e.object,width:e.string,height:e.string,selectedCircleColor:e.string,selectedOptionTextColor:e.string},po.defaultProps={label:"",labelStyle:{},inline:!1,options:[],optionStyle:{},selected:"one",onChange:()=>{},radioOuterCircleStyle:{},radioInnerCircleStyle:{},width:"14px",height:"14px",WrapperDivStyle:{}};const mo=s.div`
   //Set the styles from the default styles object
   ${({inBuiltCss:e,defaultWrapperStyle:t})=>ye(e,t)}
 
@@ -1666,7 +1666,7 @@ ${({customInputColorStyle:e})=>e}
   display: flex;
   justify-content: center;
   cursor: pointer;
-`,So=({onChange:e,activeColor:t,defaultColor:o,placeholderColor:n,placeholderText:a,customInputStyle:c,pointsArray:s,setPointsArray:d,value:m,setValue:u,valueForSignatureDrawing:g,setValueForSignatureDrawing:b,imageURL:f,setImageURL:h,id:y,...A})=>{const v=p()||M,[C,w]=l("default"),[S,E]=l(!1),[k,z]=l(!1),V=r(null);i((()=>{k&&(R(),b(V.current))}),[!0===k]);const B=()=>{u(""),b(V.current),V.current&&V.current.clear(),E(!1),z(!1)},R=()=>(d(V.current.toData()),h(V.current.toDataURL("image/png")),[f,s]);return React.createElement(yo,{inBuiltCss:H,defaultParentDivStyle:"signature-parent-div",isMyInputFocused:S,selected:C,activeColor:t,defaultColor:o,theme:v},React.createElement(xo,{inBuiltCss:H,defaultWrapperDivStyle:"signature-wrapper-div",activeColor:t,defaultColor:o,selected:C,isMyInputFocused:S,signIcon:!0,theme:v},React.createElement(Ao,{activeColor:t,defaultColor:o,isMyInputFocused:S,theme:v,penIcon:!0,onClick:()=>{w("default"),B()}},React.createElement(X,{icon:"pen-icon",color:"default"===C?t||v.primary["primary-1"]:v.black})),React.createElement(Ao,{activeColor:t,defaultColor:o,theme:v,isMyInputFocused:S,penIcon:!1,onClick:()=>{w("sign"),B()}},React.createElement(X,{icon:"sign-icon",color:"default"!==C?t||v.primary["primary-1"]:v.black}))),React.createElement(xo,{inBuiltCss:H,defaultWrapperDivStyle:"signature-wrapper-div",activeColor:t,defaultColor:o,theme:v,selected:C,isMyInputFocused:S,signIcon:!1,onTouchStart:()=>{}},"default"===C?React.createElement(vo,{inBuiltCss:H,defaultInputStyle:"signature-input-text",placeholder:a,placeholderColor:n,customInputStyle:c,onBlur:()=>E(!1),onFocus:()=>E(!0),id:y,value:m,defaultColor:o,theme:v,onChange:e=>u(e.target.value)}):React.createElement(Co,{onMouseEnter:()=>E(!0),onMouseLeave:()=>E(!1),onClick:()=>{z(!0),R()}},React.createElement(x,{ref:V,id:y,redrawOnResize:!0,height:75,options:{minWidth:1,maxWidth:1,penColor:"#444444"}})),(m||k)&&React.createElement(wo,{selected:C,onClick:()=>B()},React.createElement(X,{icon:"cross-icon",color:o||v.neutral["neutral-3"]}))))};So.propTypes={activeColor:e.string,defaultColor:e.string,placeholderColor:e.string,placeholderText:e.string,customInputStyle:e.object,pointsArray:e.any,setPointsArray:e.func,value:e.string,setValue:e.func,imageURL:e.string,setImageURL:e.func,id:e.string},So.defaultProps={customInputStyle:{},placeholderText:"Type your signature here",pointsArray:null,setPointsArray:()=>{},value:"",setValue:()=>{},imageURL:"",setImageURL:()=>{},setValueForSignatureDrawing:()=>{},id:""};const Eo=s.div`
+`,So=({onChange:e,activeColor:t,defaultColor:o,placeholderColor:n,placeholderText:a,customInputStyle:c,pointsArray:s,setPointsArray:d,value:m,setValue:u,valueForSignatureDrawing:g,setValueForSignatureDrawing:b,imageURL:f,setImageURL:h,id:y,...A})=>{const v=p()||M,[C,w]=l("default"),[S,E]=l(!1),[k,z]=l(!1),V=r(null);i((()=>{k&&(I(),b(V.current))}),[!0===k]);const B=()=>{u(""),b(V.current),V.current&&V.current.clear(),E(!1),z(!1)},I=()=>(d(V.current.toData()),h(V.current.toDataURL("image/png")),[f,s]);return React.createElement(yo,{inBuiltCss:H,defaultParentDivStyle:"signature-parent-div",isMyInputFocused:S,selected:C,activeColor:t,defaultColor:o,theme:v},React.createElement(xo,{inBuiltCss:H,defaultWrapperDivStyle:"signature-wrapper-div",activeColor:t,defaultColor:o,selected:C,isMyInputFocused:S,signIcon:!0,theme:v},React.createElement(Ao,{activeColor:t,defaultColor:o,isMyInputFocused:S,theme:v,penIcon:!0,onClick:()=>{w("default"),B()}},React.createElement(X,{icon:"pen-icon",color:"default"===C?t||v.primary["primary-1"]:v.black})),React.createElement(Ao,{activeColor:t,defaultColor:o,theme:v,isMyInputFocused:S,penIcon:!1,onClick:()=>{w("sign"),B()}},React.createElement(X,{icon:"sign-icon",color:"default"!==C?t||v.primary["primary-1"]:v.black}))),React.createElement(xo,{inBuiltCss:H,defaultWrapperDivStyle:"signature-wrapper-div",activeColor:t,defaultColor:o,theme:v,selected:C,isMyInputFocused:S,signIcon:!1,onTouchStart:()=>{}},"default"===C?React.createElement(vo,{inBuiltCss:H,defaultInputStyle:"signature-input-text",placeholder:a,placeholderColor:n,customInputStyle:c,onBlur:()=>E(!1),onFocus:()=>E(!0),id:y,value:m,defaultColor:o,theme:v,onChange:e=>u(e.target.value)}):React.createElement(Co,{onMouseEnter:()=>E(!0),onMouseLeave:()=>E(!1),onClick:()=>{z(!0),I()}},React.createElement(x,{ref:V,id:y,redrawOnResize:!0,height:75,options:{minWidth:1,maxWidth:1,penColor:"#444444"}})),(m||k)&&React.createElement(wo,{selected:C,onClick:()=>B()},React.createElement(X,{icon:"cross-icon",color:o||v.neutral["neutral-3"]}))))};So.propTypes={activeColor:e.string,defaultColor:e.string,placeholderColor:e.string,placeholderText:e.string,customInputStyle:e.object,pointsArray:e.any,setPointsArray:e.func,value:e.string,setValue:e.func,imageURL:e.string,setImageURL:e.func,id:e.string},So.defaultProps={customInputStyle:{},placeholderText:"Type your signature here",pointsArray:null,setPointsArray:()=>{},value:"",setValue:()=>{},imageURL:"",setImageURL:()=>{},setValueForSignatureDrawing:()=>{},id:""};const Eo=s.div`
   //Set the styles from the default styles object
   ${({inBuiltCss:e,defaultWrapperStyle:t})=>ye(e,t)}
 
@@ -1721,7 +1721,7 @@ ${({customInputColorStyle:e})=>e}
     border: 1px solid ${({theme:e})=>e.variant["primary-1"]};
     outline: none;
   }
-`,Ro=s.input`
+`,Io=s.input`
   border: 0;
   outline: 0;
   color: ${({theme:e})=>e.variant["primary-2"]};
@@ -1731,7 +1731,7 @@ ${({customInputColorStyle:e})=>e}
   width: 24px;
   text-align:center;
   background-color: ${({theme:e})=>e.bgColor};
-`,Io=d`
+`,Ro=d`
   &:after {
     content: ' *';
     color: ${({theme:e})=>e.variant.error};
@@ -1741,7 +1741,7 @@ ${({customInputColorStyle:e})=>e}
   margin-bottom: ${({labelInline:e,errMsg:t})=>e&&t?"18px":"7px"};
   margin-right: ${({labelInline:e})=>e?"7px":""};
   color: ${({theme:e})=>e.variant["neutral-2"]};
-  ${({required:e})=>e?Io:null}
+  ${({required:e})=>e?Ro:null}
   padding-bottom: 0px;
 `,Po=d`
   display: flex;
@@ -1766,7 +1766,7 @@ ${({customInputColorStyle:e})=>e}
   padding: 5px 6px;
   font-size: 18px;
   cursor: pointer;
-`,Ho=({label:e,errMsg:o,hour:r,minute:l,period:i,onChange:n,id:a,...c})=>{const s=p()||M;return t.createElement(Lo,w({theme:s},c),t.createElement(Wo,w({theme:s},c,{errMsg:o}),e),t.createElement("div",null,t.createElement(Bo,w({theme:s,id:a},c),t.createElement(Ro,{theme:s,value:r,onChange:function(e){const t=e.currentTarget.value>12?12:parseFloat(e.currentTarget.value)||0;n({hour:t,minute:l,period:i})}}),":",t.createElement(Ro,{theme:s,value:l,onChange:function(e){console.log("minute change",e.currentTarget.value);const t=e.currentTarget.value>59?59:parseFloat(e.currentTarget.value)||0;n({hour:r,minute:t,period:i})}}),t.createElement(qo,{theme:s,onClick:function(e){n({hour:r,minute:l,period:"AM"===i?"PM":"AM"})}},i)),t.createElement("div",{className:"err-text"},o)))};Ho.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},Ho.defaultProps={label:"",hour:0,minute:0,period:"AM",required:!1,labelInline:!1,isValid:!0,errMsg:"",id:""};const To=s.div`
+`,Ho=({label:e,errMsg:o,hour:r,minute:l,period:i,onChange:n,id:a,...c})=>{const s=p()||M;return t.createElement(Lo,w({theme:s},c),t.createElement(Wo,w({theme:s},c,{errMsg:o}),e),t.createElement("div",null,t.createElement(Bo,w({theme:s,id:a},c),t.createElement(Io,{theme:s,value:r,onChange:function(e){const t=e.currentTarget.value>12?12:parseFloat(e.currentTarget.value)||0;n({hour:t,minute:l,period:i})}}),":",t.createElement(Io,{theme:s,value:l,onChange:function(e){console.log("minute change",e.currentTarget.value);const t=e.currentTarget.value>59?59:parseFloat(e.currentTarget.value)||0;n({hour:r,minute:t,period:i})}}),t.createElement(qo,{theme:s,onClick:function(e){n({hour:r,minute:l,period:"AM"===i?"PM":"AM"})}},i)),t.createElement("div",{className:"err-text"},o)))};Ho.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},Ho.defaultProps={label:"",hour:0,minute:0,period:"AM",required:!1,labelInline:!1,isValid:!0,errMsg:"",id:""};const To=s.div`
   ${({inBuiltCss:e,defaultCheckBoxWrapperStyle:t})=>ye(e,t)}
 `,jo=s.label`
   //Set the styles from the default styles object
@@ -1843,7 +1843,7 @@ svg {
   .form-check-input {
     accent-color: ${({theme:e})=>e.primary["primary-1"]};
   }
-`,Do=({customStyles:e,inBuiltCss:o,type:r="table",sortIcon:l,data:i,tableColumns:n,progressPending:a,defaultSortFieldId:c,handleOnSort:s,sortServer:d,progressComponent:m,responsive:u,conditionalRowStyles:g,fixedHeader:b,fixedHeaderScrollHeight:f,checkboxColor:h,...y})=>{let x={};if(o&&o[r]&&(x=o[r]),e)for(const t in e)x[t]=e[t];const v=p()||M,C=t.forwardRef((({onClick:e,...o},r)=>t.createElement(Yo,{theme:v},t.createElement("input",w({type:"checkbox",className:"form-check-input",ref:r,onClick:e},o)))));return t.createElement(A,w({responsive:u,data:i,columns:n,noHeader:!0,highlightOnHover:!0,sortIcon:l,progressPending:a,customStyles:x,defaultSortFieldId:c,progressComponent:m||void 0,sortServer:d,onSort:(e,t,o)=>{s(e,t,o)},conditionalRowStyles:g,fixedHeader:b,fixedHeaderScrollHeight:f,selectableRowsComponent:C},y))};Do.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},Do.defaultProps={inBuiltCss:H,sortIcon:t.createElement(X,{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,o)=>{console.log(e,t,o)},sortServer:null,progressComponent:void 0,responsive:!0,fixedHeader:!0,fixedHeaderScrollHeight:"100vh"};const $o=({title:e,subtitle:o,wrapperStyle:r,imgLink:l,imgStyle:i,iconSize:n})=>{const a=p()||M,c={fontSize:"26px",fontWeight:"bold",color:`${a.textColor}`,lineHeight:"36px",display:"flex",gap:"14px",alignItems:"flex-start",paddingLeft:"25px"},s={fontSize:"13px",color:`${a.neutral["neutral-2"]}`,lineHeight:"24px",paddingLeft:"25px"};return t.createElement("div",{style:r},t.createElement("div",{style:c},l?t.createElement("img",{src:l,alt:"userIcon",srcset:"",style:i}):t.createElement(X,{icon:"user-icon",size:n,color:a.primary["primary-1"]})," ",t.createElement("h4",null,e)),t.createElement("div",{style:s},t.createElement("p",null,o)))};$o.propTypes={size:e.number},$o.defaultProps={iconSize:23};const _o=({formData:e,...o})=>{const r=e=>{switch(e.type){case"header":return(e=>t.createElement(a,null,t.createElement(ut,w({},e,o),e.children),e))(e);case"label":return(e=>t.createElement(bt,w({style:{marginBottom:"7px",paddingBottom:"0"}},e,o)))(e);case"text":return(e=>t.createElement(fo,w({},e,o)))(e);case"textArea":return(e=>t.createElement(Mo,w({},e,o)))(e);case"number":return(e=>t.createElement(_t,w({},e,o)))(e);case"radio":return(e=>t.createElement(po,w({key:101*Math.random()|0},e,o)))(e);case"checkBox":return(e=>t.createElement(vt,w({},e,o)))(e);case"singleSelect":return(e=>t.createElement(Ht,w({dropdownType:"singleSelect"},e,o)))(e);case"multiSelect":return(e=>t.createElement(Ht,w({dropdownType:"multiSelect"},e,o)))(e);case"asyncSingleSelect":return(e=>t.createElement(Ht,w({dropdownType:"asyncSingleSelect"},e,o)))(e);case"asyncMultiSelect":return(e=>t.createElement(Ht,w({dropdownType:"asyncMultiSelect"},e,o)))(e);case"signature":return(e=>t.createElement(So,w({},e,o)))(e);case"fileUpload":return(e=>t.createElement(Qt,w({},e,o)))(e);case"date":return(e=>t.createElement(Wt,w({},e,o)))(e);case"toggle":return(e=>t.createElement(Xo,w({},e,o)))(e);case"rating":return(e=>t.createElement(No,w({},e,o)))(e);case"buttonPrimary":return(e=>t.createElement(ke,w({},e,o)))(e);case"buttonSecondary":return(e=>t.createElement(Me,w({},e,o)))(e);case"buttonTiny":return(e=>t.createElement(Re,w({},e,o)))(e);case"search":return(e=>t.createElement(ho,w({},e,o)))(e);case"table":return(e=>t.createElement(Do,w({},e,o)))(e);case"passwordInput":return(e=>t.createElement(lo,w({},e,o)))(e);case"headerComponent":return(e=>t.createElement($o,w({},e,o)))(e)}};return t.createElement(a,null,t.createElement(Ue,{defaultThemeColor:M},t.createElement(Ye,{onSubmit:()=>{console.log("form submit")}},e.map(((e,o)=>e.length>1?t.createElement(Ke,null,e.map(((o,l)=>t.createElement(Ne,{cols:e.length},r(o))))):r(e[0]))))))},er=({formData:e,onSubmit:o,onReset:r,style:l,...i})=>{const n=e=>{switch(e.type){case"submit":return(e=>t.createElement(ke,{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(Me,{block:e.block,disabled:i.disabled,children:e.children,onClick:()=>{e.onClick()}}))(e)}};return t.createElement(a,null,t.createElement(Qe,{style:l},e&&e.map(((e,t)=>e.map(((e,t)=>n(e)))))))};const tr=u`
+`,Do=({customStyles:e,inBuiltCss:o,type:r="table",sortIcon:l,data:i,tableColumns:n,progressPending:a,defaultSortFieldId:c,handleOnSort:s,sortServer:d,progressComponent:m,responsive:u,conditionalRowStyles:g,fixedHeader:b,fixedHeaderScrollHeight:f,checkboxColor:h,...y})=>{let x={};if(o&&o[r]&&(x=o[r]),e)for(const t in e)x[t]=e[t];const v=p()||M,C=t.forwardRef((({onClick:e,...o},r)=>t.createElement(Yo,{theme:v},t.createElement("input",w({type:"checkbox",className:"form-check-input",ref:r,onClick:e},o)))));return t.createElement(A,w({responsive:u,data:i,columns:n,noHeader:!0,highlightOnHover:!0,sortIcon:l,progressPending:a,customStyles:x,defaultSortFieldId:c,progressComponent:m||void 0,sortServer:d,onSort:(e,t,o)=>{s(e,t,o)},conditionalRowStyles:g,fixedHeader:b,fixedHeaderScrollHeight:f,selectableRowsComponent:C},y))};Do.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},Do.defaultProps={inBuiltCss:H,sortIcon:t.createElement(X,{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,o)=>{console.log(e,t,o)},sortServer:null,progressComponent:void 0,responsive:!0,fixedHeader:!0,fixedHeaderScrollHeight:"100vh"};const $o=({title:e,subtitle:o,wrapperStyle:r,imgLink:l,imgStyle:i,iconSize:n})=>{const a=p()||M,c={fontSize:"26px",fontWeight:"bold",color:`${a.textColor}`,lineHeight:"36px",display:"flex",gap:"14px",alignItems:"flex-start",paddingLeft:"25px"},s={fontSize:"13px",color:`${a.neutral["neutral-2"]}`,lineHeight:"24px",paddingLeft:"25px"};return t.createElement("div",{style:r},t.createElement("div",{style:c},l?t.createElement("img",{src:l,alt:"userIcon",srcset:"",style:i}):t.createElement(X,{icon:"user-icon",size:n,color:a.primary["primary-1"]})," ",t.createElement("h4",null,e)),t.createElement("div",{style:s},t.createElement("p",null,o)))};$o.propTypes={size:e.number},$o.defaultProps={iconSize:23};const _o=({formData:e,...o})=>{const r=e=>{switch(e.type){case"header":return(e=>t.createElement(a,null,t.createElement(ut,w({},e,o),e.children),e))(e);case"label":return(e=>t.createElement(bt,w({style:{marginBottom:"7px",paddingBottom:"0"}},e,o)))(e);case"text":return(e=>t.createElement(fo,w({},e,o)))(e);case"textArea":return(e=>t.createElement(Mo,w({},e,o)))(e);case"number":return(e=>t.createElement(_t,w({},e,o)))(e);case"radio":return(e=>t.createElement(po,w({key:101*Math.random()|0},e,o)))(e);case"checkBox":return(e=>t.createElement(vt,w({},e,o)))(e);case"singleSelect":return(e=>t.createElement(Ht,w({dropdownType:"singleSelect"},e,o)))(e);case"multiSelect":return(e=>t.createElement(Ht,w({dropdownType:"multiSelect"},e,o)))(e);case"asyncSingleSelect":return(e=>t.createElement(Ht,w({dropdownType:"asyncSingleSelect"},e,o)))(e);case"asyncMultiSelect":return(e=>t.createElement(Ht,w({dropdownType:"asyncMultiSelect"},e,o)))(e);case"signature":return(e=>t.createElement(So,w({},e,o)))(e);case"fileUpload":return(e=>t.createElement(Qt,w({},e,o)))(e);case"date":return(e=>t.createElement(Wt,w({},e,o)))(e);case"toggle":return(e=>t.createElement(Xo,w({},e,o)))(e);case"rating":return(e=>t.createElement(No,w({},e,o)))(e);case"buttonPrimary":return(e=>t.createElement(ke,w({},e,o)))(e);case"buttonSecondary":return(e=>t.createElement(Me,w({},e,o)))(e);case"buttonTiny":return(e=>t.createElement(Ie,w({},e,o)))(e);case"search":return(e=>t.createElement(ho,w({},e,o)))(e);case"table":return(e=>t.createElement(Do,w({},e,o)))(e);case"passwordInput":return(e=>t.createElement(lo,w({},e,o)))(e);case"headerComponent":return(e=>t.createElement($o,w({},e,o)))(e)}};return t.createElement(a,null,t.createElement(Ue,{defaultThemeColor:M},t.createElement(Ye,{onSubmit:()=>{console.log("form submit")}},e.map(((e,o)=>e.length>1?t.createElement(Ke,null,e.map(((o,l)=>t.createElement(Ne,{cols:e.length},r(o))))):r(e[0]))))))},er=({formData:e,onSubmit:o,onReset:r,style:l,...i})=>{const n=e=>{switch(e.type){case"submit":return(e=>t.createElement(ke,{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(Me,{block:e.block,disabled:i.disabled,children:e.children,onClick:()=>{e.onClick()}}))(e)}};return t.createElement(a,null,t.createElement(Qe,{style:l},e&&e.map(((e,t)=>e.map(((e,t)=>n(e)))))))};const tr=u`
     @font-face {
         font-family: "Averta";
         font-weight: 100;
@@ -2140,12 +2140,12 @@ svg {
 `,Br=s.div`
   max-height: 60vh;
   overflow-y: auto;
-`,Rr=s.div`
+`,Ir=s.div`
   //Set the styles from the default styles object
   ${({theme:e,type:t})=>ye(e,t)}
   // custom styles
     ${({customModalFooterStyle:e})=>e}
-`,Ir=s.div`
+`,Rr=s.div`
       padding: .5rem 3rem 0rem 3rem;
 `,Wr=s.div`
   position: sticky;
@@ -2154,7 +2154,7 @@ svg {
   top: 0px;
   border-bottom: 1px solid     ${({theme:e})=>e.border}
 
-`;try{C.setAppElement("#root")}catch(e){C.setAppElement("#__next")}const Pr=({modalIsOpen:e,toggleModal:o,closeOnOutsideClick:r,headerContent:l,bodyContent:i,footerContent:n,customModalCloseStyle:a,customModalHeaderStyle:c,customModalBodyStyle:s,customModalFooterStyle:d,...m})=>{const u=p()||M;return t.createElement(C,w({isOpen:e,onRequestClose:r?o:void 0,style:kr,contentLabel:"Modal"},m),t.createElement(Wr,{theme:u},t.createElement(zr,{theme:H,type:"modalComp-modal-close",style:a,onClick:o},t.createElement(X,{icon:"cross-icon",color:M.neutral["neutral-2"],size:15})),t.createElement(Vr,{style:c},t.createElement(Ir,null,l))),t.createElement(Br,null,t.createElement(Mr,{theme:H,type:"modalComp-modal-body",style:s},t.createElement(Ir,null,"        ",i)),t.createElement(Rr,{theme:H,type:"modalComp-modal-footer",style:d},n)))};Pr.propTypes={modalIsOpen:e.bool,toggleModal:e.func,closeOnOutsideClick:e.bool,headerContent:e.any,bodyContent:e.any,footerContent:e.any,customModalCloseStyle:e.object,customModalHeaderStyle:e.object,customModalBodyStyle:e.object,customModalFooterStyle:e.object},Pr.defaultProps={modalIsOpen:!1,toggleModal:()=>{},closeOnOutsideClick:!1,headerContent:"",bodyContent:"",footerContent:"",customModalCloseStyle:{},customModalHeaderStyle:{},customModalBodyStyle:{},customModalFooterStyle:{}};const Lr=s.div`
+`;try{C.setAppElement("#root")}catch(e){C.setAppElement("#__next")}const Pr=({modalIsOpen:e,toggleModal:o,closeOnOutsideClick:r,headerContent:l,bodyContent:i,footerContent:n,customModalCloseStyle:a,customModalHeaderStyle:c,customModalBodyStyle:s,customModalFooterStyle:d,...m})=>{const u=p()||M;return t.createElement(C,w({isOpen:e,onRequestClose:r?o:void 0,style:kr,contentLabel:"Modal"},m),t.createElement(Wr,{theme:u},t.createElement(zr,{theme:H,type:"modalComp-modal-close",style:a,onClick:o},t.createElement(X,{icon:"cross-icon",color:M.neutral["neutral-2"],size:15})),t.createElement(Vr,{style:c},t.createElement(Rr,null,l))),t.createElement(Br,null,t.createElement(Mr,{theme:H,type:"modalComp-modal-body",style:s},t.createElement(Rr,null,"        ",i)),t.createElement(Ir,{theme:H,type:"modalComp-modal-footer",style:d},n)))};Pr.propTypes={modalIsOpen:e.bool,toggleModal:e.func,closeOnOutsideClick:e.bool,headerContent:e.any,bodyContent:e.any,footerContent:e.any,customModalCloseStyle:e.object,customModalHeaderStyle:e.object,customModalBodyStyle:e.object,customModalFooterStyle:e.object},Pr.defaultProps={modalIsOpen:!1,toggleModal:()=>{},closeOnOutsideClick:!1,headerContent:"",bodyContent:"",footerContent:"",customModalCloseStyle:{},customModalHeaderStyle:{},customModalBodyStyle:{},customModalFooterStyle:{}};const Lr=s.div`
 ${({theme:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.common)r[t]=e.common[t];for(const o in e[t])r[o]=e[t][o],delete e.common[o]}return{...r,...o}}}}
     }
 `,qr=({theme:e,toggleSimple:o,contentTrigger:r,contentOverlay:l,popperOptionsP:i,settingsP:n,customStyles:a,...c})=>{let s={},d={};o?(s={...s,modifiers:[{name:"offset",options:{offset:[0,5]}}],strategy:"absolute"},d={...d}):(s={...s,modifiers:[{name:"offset",options:{offset:[0,5]}}],strategy:"absolute"},d={...d,trigger:"click",closeOnOutsideClick:!0,interactive:!0}),s={...s,...i},d={...d,...n};const{getArrowProps:p,getTooltipProps:m,setTooltipRef:u,setTriggerRef:g,visible:b}=v({...d},s);return t.createElement(t.Fragment,null,t.createElement("div",{ref:g,style:{width:"fit-content",height:"fit-content"}},r),b&&t.createElement(Lr,w({type:o?"simple-overlay":"overlay",theme:e,ref:u},m({className:"tooltip-container"}),{customStyles:a}),l))};qr.propTypes={theme:e.object,contentTrigger:e.any,contentOverlay:e.any,popperOptionsP:e.object,settingsP:e.object,customStyles:e.object,toggleSimple:e.bool},qr.defaultProps={theme:H,contentTrigger:t.createElement("div",null,"Trigger"),contentOverlay:t.createElement("div",null,"I am the Overlay")};const Hr=s.div`
@@ -2500,9 +2500,9 @@ overflow: hidden;
      // custom styles
      ${({customBodyStyle:e})=>e}
  `,Sl=s.div`
- `,El=({inBuiltCss:e,contentTrigger:o,contentTooltip:r,popperOptionsP:l,settings:i,customStylesTPContainer:n,customStylesTPAbottom:a,customStylesTPAbottomBefore:c,customStylesTPAbottomAfter:s,customStylesTPAtop:d,customStylesTPAtopBefore:m,customStylesTPAtopAfter:u,customStylesTPAright:g,customStylesTPArightBefore:b,customStylesTPArightAfter:f,customStylesTPAleft:h,customStylesTPAleftBefore:y,customStylesTPAleftAfter:x,customStylesTPArrow:A,customStylesTPAbefore:C,customStylesTPAafter:S,customTooltipContentStyle:E,customContentStyle:k,customHeaderStyle:z,customBodyStyle:V,headerTooltip:B,footerTooltip:R,...I})=>{const W=p()||M,P={modifiers:[{name:"offset",options:{offset:[0,23]}}],strategy:"absolute",...l},{getArrowProps:L,getTooltipProps:q,setTooltipRef:T,setTriggerRef:j,visible:F}=v({...i},P);return t.createElement(t.Fragment,null,t.createElement("div",{ref:j,style:{width:"fit-content",height:"fit-content",display:"inline-block"}},o),F&&t.createElement(xl,w({inBuiltCss:H,theme:W,ref:T},q({className:"tooltip-container"}),{customStylesTPContainer:n,customStylesTPAbottom:a,customStylesTPAbottomBefore:c,customStylesTPAbottomAfter:s,customStylesTPAtop:d,customStylesTPAtopBefore:m,customStylesTPAtopAfter:u,customStylesTPAright:g,customStylesTPArightBefore:b,customStylesTPArightAfter:f,customStylesTPAleft:h,customStylesTPAleftBefore:y,customStylesTPAleftAfter:x}),t.createElement(Al,w({inBuiltCss:H},L({className:"tooltip-arrow"}),{customStylesTPArrow:A,customStylesTPAbefore:C,customStylesTPAafter:S})),t.createElement(vl,w({defaultTooltipContentStyle:"popOver-Content",theme:W,inBuiltCss:H},I,{customContentStyle:k}),t.createElement(Cl,w({defaultTooltipHeaderStyle:"popOver-header",theme:W,inBuiltCss:H},I,{customHeaderStyle:z}),B),t.createElement(wl,w({defaultTooltipBodyStyle:"popOver-body",theme:W,inBuiltCss:H},I,{customBodyStyle:V}),r),t.createElement(Sl,null,R))))};El.propTypes={contentTrigger:e.any,headerTooltip:e.any,contentTooltip:e.any,footerTooltip:e.any,popperOptionsP:e.object,settings: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},El.defaultProps={contentTrigger:t.createElement("div",null,"Trigger"),headerTooltip:"Lovely tooltip title",contentTooltip:"",footerTooltip:"",customStylesTPContainer:{border:"none"}};const kl={xs:{fontSize:"12px",lineHeight:"120%"},sm:{fontSize:"14px",lineHeight:"120%"},md:{fontSize:"16px",lineHeight:"140%"},lg:{fontSize:"18px",lineHeight:"120%"}},zl=s.div`
+ `,El=({inBuiltCss:e,contentTrigger:o,contentTooltip:r,popperOptionsP:l,settings:i,customStylesTPContainer:n,customStylesTPAbottom:a,customStylesTPAbottomBefore:c,customStylesTPAbottomAfter:s,customStylesTPAtop:d,customStylesTPAtopBefore:m,customStylesTPAtopAfter:u,customStylesTPAright:g,customStylesTPArightBefore:b,customStylesTPArightAfter:f,customStylesTPAleft:h,customStylesTPAleftBefore:y,customStylesTPAleftAfter:x,customStylesTPArrow:A,customStylesTPAbefore:C,customStylesTPAafter:S,customTooltipContentStyle:E,customContentStyle:k,customHeaderStyle:z,customBodyStyle:V,headerTooltip:B,footerTooltip:I,...R})=>{const W=p()||M,P={modifiers:[{name:"offset",options:{offset:[0,23]}}],strategy:"absolute",...l},{getArrowProps:L,getTooltipProps:q,setTooltipRef:T,setTriggerRef:j,visible:F}=v({...i},P);return t.createElement(t.Fragment,null,t.createElement("div",{ref:j,style:{width:"fit-content",height:"fit-content",display:"inline-block"}},o),F&&t.createElement(xl,w({inBuiltCss:H,theme:W,ref:T},q({className:"tooltip-container"}),{customStylesTPContainer:n,customStylesTPAbottom:a,customStylesTPAbottomBefore:c,customStylesTPAbottomAfter:s,customStylesTPAtop:d,customStylesTPAtopBefore:m,customStylesTPAtopAfter:u,customStylesTPAright:g,customStylesTPArightBefore:b,customStylesTPArightAfter:f,customStylesTPAleft:h,customStylesTPAleftBefore:y,customStylesTPAleftAfter:x}),t.createElement(Al,w({inBuiltCss:H},L({className:"tooltip-arrow"}),{customStylesTPArrow:A,customStylesTPAbefore:C,customStylesTPAafter:S})),t.createElement(vl,w({defaultTooltipContentStyle:"popOver-Content",theme:W,inBuiltCss:H},R,{customContentStyle:k}),t.createElement(Cl,w({defaultTooltipHeaderStyle:"popOver-header",theme:W,inBuiltCss:H},R,{customHeaderStyle:z}),B),t.createElement(wl,w({defaultTooltipBodyStyle:"popOver-body",theme:W,inBuiltCss:H},R,{customBodyStyle:V}),r),t.createElement(Sl,null,I))))};El.propTypes={contentTrigger:e.any,headerTooltip:e.any,contentTooltip:e.any,footerTooltip:e.any,popperOptionsP:e.object,settings: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},El.defaultProps={contentTrigger:t.createElement("div",null,"Trigger"),headerTooltip:"Lovely tooltip title",contentTooltip:"",footerTooltip:"",customStylesTPContainer:{border:"none"}};const kl={xs:{fontSize:"12px",lineHeight:"120%"},sm:{fontSize:"14px",lineHeight:"120%"},md:{fontSize:"16px",lineHeight:"140%"},lg:{fontSize:"18px",lineHeight:"120%"}},zl=s.div`
     color: ${({theme:e,text:t})=>t?e.variant[t]:e.textColor};
     // background: ${({theme:e,bg:t})=>t?e.variant[t]:e.bgColor};
     font-size: ${({size:e})=>kl[e].fontSize};
     line-height: ${({size:e})=>kl[e].lineHeight};
-`,Vl=({size:e,children:o,bg:r,text:l,...i})=>{const n=p()||M;return t.createElement(zl,w({theme:n,bg:r,text:l,size:e},i),t.createElement(tr,{theme:n}),o)};Vl.propTypes={size:e.oneOf(["xs","sm","md","lg"]),text:e.string,bg:e.string,children:e.any,theme:e.object},Vl.defaultProps={size:"md"};export{Z as Accordion,J as AccordionSB,U as AccordionSBfooter,Xe as ActionContainer,Je as ActionItem,Y as ArrowBar,oe as Avatar,ne as AvatarSB,de as AvatarSBfooter,ue as Banner,he as Breadcrumb,mr as ButtonPopup,q as Card,j as CardRef,vt as CheckBoxInput,St as ColorInput,We as Content,Dr as DarkSecondaryLink,Wt as DateSelect,$e as Divider,P as DocumentCard,et as Drawer,Ht as DropdownSelect,Qt as DropzoneInput,tt as ErrorBoundary,lt as FilterChip,nt as Footer,pt as FooterContent,_o as FormComponent,Ue as FormContainer,Ye as FormWrapper,lr as GroupAvatars,cr as GroupButtons,fr as GroupButtonsPopup,Cr as GroupStatusCircle,ut as Header,$o as HeaderComponent,Er as HyperLink,X as Icon,$ as Image,bt as Label,Nr as LightSecondaryLink,Ce as Loader,Pr as ModalComp,Ne as MultiColumnDiv,Ke as MultiColumnWrapper,nl as Navbar,_t as NumericInput,qr as Overlay,Oe as OverlayOptionContainer,Ze as OverlayOptionItemLabel,Pe as PageContent,Tr as Pagination,lo as PasswordInput,ke as PrimaryButton,sl as PrimaryStatusChip,Xr as ProgressBar,Qr as ProgressSteps,po as RadioInput,No as Rating,ho as SearchInput,Me as SecondaryButton,ml as SecondaryStatusChip,el as Sidebar,So as SignatureInput,bl as SlimPrimaryStatusChip,yl as SlimSecondaryStatusChip,yr as StatusCircle,He as StyledCentralBar,qe as StyledClearSearch,je as StyledCreateRow,Fe as StyledRow,Le as StyledRowSearch,Ge as StyledSearchRow,Te as StyledWarning,Qe as SubmitButtonContainer,er as SubmitComponent,Do as Table,Mo as TextArea,fo as TextInput,Ho as TimeInput,Re as TinyButton,Xo as ToggleSwitch,El as Tooltip,Vl as Typography,V as graphColor,xe as hexToRGB,k as neutralColor,S as primaryColor,z as shadeColor,E as uiColor};
+`,Vl=({size:e,children:o,bg:r,text:l,...i})=>{const n=p()||M;return t.createElement(zl,w({theme:n,bg:r,text:l,size:e},i),t.createElement(tr,{theme:n}),o)};Vl.propTypes={size:e.oneOf(["xs","sm","md","lg"]),text:e.string,bg:e.string,children:e.any,theme:e.object},Vl.defaultProps={size:"md"};export{Z as Accordion,J as AccordionSB,U as AccordionSBfooter,Xe as ActionContainer,Je as ActionItem,Y as ArrowBar,oe as Avatar,ne as AvatarSB,de as AvatarSBfooter,ue as Banner,he as Breadcrumb,mr as ButtonPopup,q as Card,j as CardRef,vt as CheckBoxInput,St as ColorInput,We as Content,Dr as DarkSecondaryLink,Wt as DateSelect,$e as Divider,P as DocumentCard,et as Drawer,Ht as DropdownSelect,Qt as DropzoneInput,tt as ErrorBoundary,lt as FilterChip,nt as Footer,pt as FooterContent,_o as FormComponent,Ue as FormContainer,Ye as FormWrapper,lr as GroupAvatars,cr as GroupButtons,fr as GroupButtonsPopup,Cr as GroupStatusCircle,ut as Header,$o as HeaderComponent,Er as HyperLink,X as Icon,$ as Image,bt as Label,Nr as LightSecondaryLink,Ce as Loader,Pr as ModalComp,Ne as MultiColumnDiv,Ke as MultiColumnWrapper,nl as Navbar,_t as NumericInput,qr as Overlay,Oe as OverlayOptionContainer,Ze as OverlayOptionItemLabel,Pe as PageContent,Tr as Pagination,lo as PasswordInput,ke as PrimaryButton,sl as PrimaryStatusChip,Xr as ProgressBar,Qr as ProgressSteps,po as RadioInput,No as Rating,ho as SearchInput,Me as SecondaryButton,ml as SecondaryStatusChip,el as Sidebar,So as SignatureInput,bl as SlimPrimaryStatusChip,yl as SlimSecondaryStatusChip,yr as StatusCircle,He as StyledCentralBar,qe as StyledClearSearch,je as StyledCreateRow,Fe as StyledRow,Le as StyledRowSearch,Ge as StyledSearchRow,Te as StyledWarning,Qe as SubmitButtonContainer,er as SubmitComponent,Do as Table,Mo as TextArea,fo as TextInput,Ho as TimeInput,Ie as TinyButton,Xo as ToggleSwitch,El as Tooltip,Vl as Typography,V as graphColor,xe as hexToRGB,k as neutralColor,S as primaryColor,z as shadeColor,E as uiColor};

package/dist/index.js

@@ -19,7 +19,7 @@
       }
     }
   }
-`,R=m.default.div`
+`,B=m.default.div`
   display: flex;
   justify-content: ${({buttons:e})=>"11"!==e?"center":"space-between"};
   align-items: center;
@@ -38,7 +38,7 @@
     ${({bgUrl:e})=>e?", url('/images/documentCardBG.png')":null};
   background-size: cover;
   box-sizing: border-box;
-`,B=m.default.div`
+`,R=m.default.div`
   ${({trimFileName:e})=>e?l.css`
         white-space: nowrap;
         overflow: hidden;
@@ -59,7 +59,7 @@
   line-height: ${({size:e})=>V[e].lineHeight};
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
-`,I=({variant:e,variantBorder:t,variantBorderHover:o,variantBgBody:r,variantBgFooter:a,fileName:i,bgUrl:n,size:c,trimFileName:s,bodyContent:d,...u})=>{const p=l.useTheme()||z;return f.default.createElement(M,v({variantBorder:t,variantBorderHover:o,variantBgBody:r,size:c,trimFileName:s,theme:p},u),f.default.createElement(R,{bgUrl:n,size:c,theme:p},d),f.default.createElement(B,{theme:p,title:i,variant:e,variantBgFooter:a,trimFileName:s,size:c},i))};I.propTypes={variant:p.default.string,variantBorder:p.default.string,variantBorderHover:p.default.string,variantBgBody:p.default.string,variantBgFooter:p.default.string,fileName:p.default.string,bgUrl:p.default.string,size:p.default.oneOf(["sm","md"]),trimFileName:p.default.bool,bodyContent:p.default.element},I.defaultProps={variant:"black",variantBorder:"neutral-5",variantBorderHover:"primary-1",variantBgBody:"neutral-4",variantBgFooter:null,fileName:"",bgUrl:null,size:"md",trimFileName:!0,bodyContent:null};const W=m.default.div`
+`,I=({variant:e,variantBorder:t,variantBorderHover:o,variantBgBody:r,variantBgFooter:a,fileName:i,bgUrl:n,size:c,trimFileName:s,bodyContent:d,...u})=>{const p=l.useTheme()||z;return f.default.createElement(M,v({variantBorder:t,variantBorderHover:o,variantBgBody:r,size:c,trimFileName:s,theme:p},u),f.default.createElement(B,{bgUrl:n,size:c,theme:p},d),f.default.createElement(R,{theme:p,title:i,variant:e,variantBgFooter:a,trimFileName:s,size:c},i))};I.propTypes={variant:p.default.string,variantBorder:p.default.string,variantBorderHover:p.default.string,variantBgBody:p.default.string,variantBgFooter:p.default.string,fileName:p.default.string,bgUrl:p.default.string,size:p.default.oneOf(["sm","md"]),trimFileName:p.default.bool,bodyContent:p.default.element},I.defaultProps={variant:"black",variantBorder:"neutral-5",variantBorderHover:"primary-1",variantBgBody:"neutral-4",variantBgFooter:null,fileName:"",bgUrl:null,size:"md",trimFileName:!0,bodyContent:null};const W=m.default.div`
   color: ${({activeTheme:e})=>e.textColor};
   padding-top: 25px;
   padding-bottom: 25px;
@@ -540,7 +540,7 @@ ${({inBuiltCss:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t i
 
     //Set the styles from the default styles object
     ${({theme:e,defaultStyle:t})=>be(e,t)}
-`,Me=({block:e,style:t,variant:o,disabled:r,type:a,id:i,...n})=>(l.useTheme(),f.default.createElement(Ve,v({id:i,block:e,variant:o,defaultStyle:"button",type:a,style:t,disabled:r},n),n.children));Me.propTypes={variant:p.default.string,disabled:p.default.bool,block:p.default.bool,onClick:p.default.func,theme:p.default.object,type:p.default.string,id:p.default.string},Ve.defaultProps={theme:z},Me.defaultProps={theme:z,variant:"primary-1",block:!1,disabled:!1,onClick:void 0,id:""};const Re=m.default.div`
+`,Me=({block:e,style:t,variant:o,disabled:r,type:a,id:i,...n})=>(l.useTheme(),f.default.createElement(Ve,v({id:i,block:e,variant:o,defaultStyle:"button",type:a,style:t,disabled:r},n),n.children));Me.propTypes={variant:p.default.string,disabled:p.default.bool,block:p.default.bool,onClick:p.default.func,theme:p.default.object,type:p.default.string,id:p.default.string},Ve.defaultProps={theme:z},Me.defaultProps={theme:z,variant:"primary-1",block:!1,disabled:!1,onClick:void 0,id:""};const Be=m.default.div`
     //Set the styles from the default styles object
     ${({theme:e,type:t})=>be(e,t)}
     @media (max-width: 980px) {
@@ -548,7 +548,7 @@ ${({inBuiltCss:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t i
     }
     // custom styles
     ${({customStyles:e})=>e}
-`,Be=({theme:e,type:t,customStyles:l,...o})=>f.default.createElement(Re,v({theme:e,customStyles:l,type:t},o),o.children);Be.propTypes={theme:p.default.object,customStyles:p.default.object,type:p.default.string},Be.defaultProps={theme:L,customStyles:null,type:"content"};const Ie=m.default.div`
+`,Re=({theme:e,type:t,customStyles:l,...o})=>f.default.createElement(Be,v({theme:e,customStyles:l,type:t},o),o.children);Re.propTypes={theme:p.default.object,customStyles:p.default.object,type:p.default.string},Re.defaultProps={theme:L,customStyles:null,type:"content"};const Ie=m.default.div`
   width: 100%;
   display: flex;
   flex-direction: column;
@@ -1195,7 +1195,7 @@ ${({customInputColorStyle:e})=>e}
   padding-left: 12px;
   padding-bottom: 12px;
   cursor: pointer;
-`,Rt=({startDate:e,setStartDate:o,disabled:r,theme:a,...i})=>{const n=l.useTheme()||z,c=["January","February","March","April","May","June","July","August","September","October","November","December"];for(var s=[],d=2010;d<=(new Date).getFullYear()+10;d++)s.push(d);const u=t.useRef(null),p=t.useRef(null),[m,b]=t.useState(!1),[h,y]=t.useState(!1),[x,A]=t.useState(!1),[C,S]=t.useState(!1),[w,E]=t.useState(e.getFullYear()),[k,V]=t.useState(c[e.getMonth()]);t.useEffect((()=>{V(c[e.getMonth()]),E(e.getFullYear())}),[e]),t.useEffect((()=>(document.addEventListener("click",M,!0),()=>{document.removeEventListener("click",M,!0)})),[]);const M=e=>{u.current&&!u.current.contains(e.target)&&b(!1)},R=e=>{p.current&&!p.current.contains(e.target)&&y(!1)};return t.useEffect((()=>(document.addEventListener("click",R,!0),()=>{document.removeEventListener("click",R,!0)})),[]),f.default.createElement(Ct,v({disabled:r,theme:a},i),f.default.createElement(g.default,{selected:e,dateFormat:"dd/MM/yyyy",useWeekdaysShort:!0,onChange:e=>o(e),placeholderText:"select date",adjustDateOnChange:!0,disabled:r,dropdownMode:"select",renderCustomHeader:({date:e,changeYear:t,changeMonth:l})=>f.default.createElement(St,null,f.default.createElement("div",{style:{display:"flex"}},f.default.createElement(Et,{ref:u},f.default.createElement(kt,{onClick:()=>{b(!m),y(!1)}},f.default.createElement("span",{onMouseEnter:()=>A(!0),onMouseLeave:()=>A(!1),style:{color:`${x?n.variant["primary-1"]:n.textColor}`}},c[e.getMonth()]),f.default.createElement(wt,null,f.default.createElement(F,{icon:"triangle-down",color:x?n.variant["primary-1"]:n.textColor,size:7}))),m&&f.default.createElement(zt,null,f.default.createElement(Vt,{theme:a,onMouseEnter:()=>A(!0)},c.map(((e,t)=>f.default.createElement(Mt,{selectedMonth:k,onClick:()=>{A(!1),l(t),b(!1),V(c[t])},key:Math.random()},f.default.createElement("span",{style:{color:`${k===e?n.variant["primary-1"]:n.textColor}`}},e))))))),f.default.createElement(Et,{ref:p},f.default.createElement(kt,{style:{marginLeft:"28px"},onClick:()=>{y(!h),b(!1)}},f.default.createElement("span",{onMouseEnter:()=>S(!0),onMouseLeave:()=>S(!1),style:{color:`${C?n.variant["primary-1"]:n.textColor}`}},e.getFullYear()),f.default.createElement(wt,null,f.default.createElement(F,{icon:"triangle-down",color:C?n.variant["primary-1"]:n.textColor,size:7}))),h&&f.default.createElement(zt,null,f.default.createElement(Vt,{onMouseEnter:()=>S(!0)},s.map(((e,l)=>f.default.createElement(Mt,{onClick:()=>{S(!1),t(e),E(e),y(!1)},key:Math.random()},f.default.createElement("span",{style:{color:`${w===e?n.variant["primary-1"]:n.textColor}`}},e)))))))))}))};Rt.propTypes={startDate:p.default.any,setStartDate:p.default.func,disabled:p.default.bool,theme:p.default.object},Rt.defaultProps={theme:z,startDate:"",setStartDate:()=>{},disabled:!1};const Bt=m.default.div`
+`,Bt=({startDate:e,setStartDate:o,disabled:r,theme:a,...i})=>{const n=l.useTheme()||z,c=["January","February","March","April","May","June","July","August","September","October","November","December"];for(var s=[],d=2010;d<=(new Date).getFullYear()+10;d++)s.push(d);const u=t.useRef(null),p=t.useRef(null),[m,b]=t.useState(!1),[h,y]=t.useState(!1),[x,A]=t.useState(!1),[C,S]=t.useState(!1),[w,E]=t.useState(e.getFullYear()),[k,V]=t.useState(c[e.getMonth()]);t.useEffect((()=>{V(c[e.getMonth()]),E(e.getFullYear())}),[e]),t.useEffect((()=>(document.addEventListener("click",M,!0),()=>{document.removeEventListener("click",M,!0)})),[]);const M=e=>{u.current&&!u.current.contains(e.target)&&b(!1)},B=e=>{p.current&&!p.current.contains(e.target)&&y(!1)};return t.useEffect((()=>(document.addEventListener("click",B,!0),()=>{document.removeEventListener("click",B,!0)})),[]),f.default.createElement(Ct,v({disabled:r,theme:a},i),f.default.createElement(g.default,{selected:e,dateFormat:"dd/MM/yyyy",useWeekdaysShort:!0,onChange:e=>o(e),placeholderText:"select date",adjustDateOnChange:!0,disabled:r,dropdownMode:"select",renderCustomHeader:({date:e,changeYear:t,changeMonth:l})=>f.default.createElement(St,null,f.default.createElement("div",{style:{display:"flex"}},f.default.createElement(Et,{ref:u},f.default.createElement(kt,{onClick:()=>{b(!m),y(!1)}},f.default.createElement("span",{onMouseEnter:()=>A(!0),onMouseLeave:()=>A(!1),style:{color:`${x?n.variant["primary-1"]:n.textColor}`}},c[e.getMonth()]),f.default.createElement(wt,null,f.default.createElement(F,{icon:"triangle-down",color:x?n.variant["primary-1"]:n.textColor,size:7}))),m&&f.default.createElement(zt,null,f.default.createElement(Vt,{theme:a,onMouseEnter:()=>A(!0)},c.map(((e,t)=>f.default.createElement(Mt,{selectedMonth:k,onClick:()=>{A(!1),l(t),b(!1),V(c[t])},key:Math.random()},f.default.createElement("span",{style:{color:`${k===e?n.variant["primary-1"]:n.textColor}`}},e))))))),f.default.createElement(Et,{ref:p},f.default.createElement(kt,{style:{marginLeft:"28px"},onClick:()=>{y(!h),b(!1)}},f.default.createElement("span",{onMouseEnter:()=>S(!0),onMouseLeave:()=>S(!1),style:{color:`${C?n.variant["primary-1"]:n.textColor}`}},e.getFullYear()),f.default.createElement(wt,null,f.default.createElement(F,{icon:"triangle-down",color:C?n.variant["primary-1"]:n.textColor,size:7}))),h&&f.default.createElement(zt,null,f.default.createElement(Vt,{onMouseEnter:()=>S(!0)},s.map(((e,l)=>f.default.createElement(Mt,{onClick:()=>{S(!1),t(e),E(e),y(!1)},key:Math.random()},f.default.createElement("span",{style:{color:`${w===e?n.variant["primary-1"]:n.textColor}`}},e)))))))))}))};Bt.propTypes={startDate:p.default.any,setStartDate:p.default.func,disabled:p.default.bool,theme:p.default.object},Bt.defaultProps={theme:z,startDate:"",setStartDate:()=>{},disabled:!1};const Rt=m.default.div`
 
     .master-dropdown,
     .new-select {
@@ -1335,7 +1335,7 @@ ${({customInputColorStyle:e})=>e}
         .new-select__control--is-focused {
           border: 1px solid ${({theme:e})=>e.primary["primary-1"]};
         }
-`;Bt.defaultProps={theme:z};const It=m.default.div`
+`;Rt.defaultProps={theme:z};const It=m.default.div`
   // Default style
   display: flex;
 
@@ -1347,7 +1347,7 @@ ${({customInputColorStyle:e})=>e}
   margin-left: 6px;
   margin-top: -14px;
   cursor: pointer;
-`,Pt=({label:e,labelStyle:t,optionArr:o,selectedValue:r,setSelectedValue:i,placeHolder:n,isClearable:c,isValid:s,height:d,fontSize:u,loadOptions:p,onInputChange:m,clearSelected:g,customWrapperStyles:y,customLabelStyles:x,isRequired:A,dropdownType:C,isDisabled:S,isLoading:w,id:E,iconName:k,iconColor:V,iconSize:M,showIndicator:R,leftIcon:B,leftIconColor:I,leftIconSize:W,...P})=>{const T=l.useTheme()||z,q=e=>{const t=f.default.createElement(a.components.DropdownIndicator,e,f.default.createElement(Wt,null,f.default.createElement(F,{icon:k,color:V,size:M})));return!0===R?t:null},H=e=>f.default.createElement(a.components.ClearIndicator,e,c?f.default.createElement(Wt,{onClick:()=>{g(),e.clearValue()}},f.default.createElement(F,{icon:"cross-icon",color:"black",size:8})):null),j=e=>{const t={width:"15px",height:"15px",borderRadius:"2px",padding:"4px",fontSize:"8px",lineHeight:"10px",minWidth:"15px",minHeight:"15px"},l=f.default.createElement("div",{style:{...t,backgroundColor:e?.data?.color??T.primary["primary-1"]}},f.default.createElement(F,{icon:"check-icon",color:"white"})),o=f.default.createElement("div",{style:{...t,backgroundColor:"#e0e7ff"}});return f.default.createElement(a.components.Option,e,f.default.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",width:"100%"}},e.isSelected?l:o,f.default.createElement("div",{className:"text-main-alt",style:{marginLeft:"10px"}},e.label)))},G=({index:e,...t})=>{const l=t?.data?.label||"Select";return!e&&f.default.createElement("div",{className:"text-main-alt"},l)},O=({getValue:e,children:t,...l})=>{const o=e().length;return f.default.createElement(a.components.ValueContainer,l,t,o>1&&f.default.createElement("div",{className:"text-more-alt"},"& ",o-1," more"))},X={control:(e,t)=>({...e,border:s?"1px solid "+T.border:"1px solid "+T.ui.error,minWidth:"215px",height:`${d}px`,minHeight:`${d}px`,boxShadow:(t.isSelected||t.isFocused)&&"none"}),placeholder:e=>({...e,fontSize:u+"px",marginLeft:"0px"}),dropdownIndicator:e=>({...e,height:`${d}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),clearIndicator:e=>({...e,height:`${d}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),valueContainer:e=>({...e,display:"flex",fontSize:u+"px"}),indicatorsContainer:e=>({...e,padding:0,height:`${d}px`}),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%"}),singleValue:e=>({...e,fontSize:u+"px",marginLeft:"0px",width:"auto"}),multiValue:e=>({...e,marginLeft:"0px",width:"auto"}),input:e=>({...e,fontSize:u+"px"}),option:(e,t)=>({...e,backgroundColor:t.isSelected||t.isFocused?T.neutral["neutral-5"]:T.bgColor,padding:"10px",cursor:"pointer",color:"#081348",width:"inherit"}),...P.styles};return f.default.createElement(Bt,{style:y,isValid:s,fontSize:u,theme:T},e&&f.default.createElement(It,{inBuiltCss:L,labelWrapperStyle:"selectComp-label-wrapper",style:x},f.default.createElement(pt,{customStyles:t,type:"label-text",text:e,style:{marginBottom:"7px",paddingBottom:"0px"}}),A&&f.default.createElement("div",{style:{marginLeft:"4px",color:`${T.ui.error}`}},"*")),"multiSelect"===C?f.default.createElement(b.default,v({components:{DropdownIndicator:q,MultiValue:G,Option:j,ValueContainer:O,IndicatorSeparator:()=>null,ClearIndicator:H},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",onChange:i,placeholder:n,value:r,options:o,styles:X,isMulti:!0,isDisabled:S,hideSelectedOptions:!1,closeMenuOnSelect:!1,isSearchable:!0,isLoading:w,id:E,isClearable:c},P)):"asyncSingleSelect"===C?f.default.createElement(h.default,v({loadOptions:p,defaultOptions:!0,onInputChange:m,styles:X,components:{DropdownIndicator:q,ValueContainer:O,IndicatorSeparator:()=>null,ClearIndicator:H},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",placeholder:n,onChange:i,isLoading:w,isDisabled:S,id:E,isClearable:c},P)):"asyncMultiSelect"===C?f.default.createElement(h.default,v({components:{DropdownIndicator:q,MultiValue:G,ValueContainer:O,Option:j,IndicatorSeparator:()=>null,ClearIndicator:H},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",onChange:i,placeholder:n,styles:X,isMulti:!0,isDisabled:S,hideSelectedOptions:!1,closeMenuOnSelect:!1,isSearchable:!0,isLoading:w,loadOptions:p,defaultOptions:!0,onInputChange:m,id:E,isClearable:c},P)):f.default.createElement(b.default,v({components:{DropdownIndicator:q,ValueContainer:O,IndicatorSeparator:()=>null,ClearIndicator:H},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",options:o,placeholder:n,isDisabled:S,value:{value:r?r.value:"",label:r?r.label:""},styles:X,onChange:i,isLoading:w,id:E,isClearable:c},P)))};Pt.propTypes={label:p.default.string,labelStyle:p.default.object,optionArr:p.default.array,selectedValue:p.default.object,setSelectedValue:p.default.func,placeHolder:p.default.string,fontSize:p.default.number,clearSelected:p.default.func,loadOptions:p.default.func,onInputChange:p.default.func,customWrapperStyles:p.default.object,customLabelStyles:p.default.object,isRequired:p.default.bool,dropdownType:p.default.string,isDisabled:p.default.bool,isLoading:p.default.bool,isValid:p.default.bool,height:p.default.number,isClearable:p.default.bool,id:p.default.string,iconName:p.default.string,iconColor:p.default.string,iconSize:p.default.number,leftIcon:p.default.string,leftIconColor:p.default.string,leftIconSize:p.default.number,showIndicator:p.default.bool},Pt.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:"magnifier-icon",leftIconColor:"black",leftIconSize:10,showIndicator:!0};const Lt=m.default.div`
+`,Pt=({label:e,labelStyle:t,optionArr:o,selectedValue:r,setSelectedValue:i,placeHolder:n,isClearable:c,isValid:s,height:d,fontSize:u,loadOptions:p,onInputChange:m,clearSelected:g,customWrapperStyles:y,customLabelStyles:x,isRequired:A,dropdownType:C,isDisabled:S,isLoading:w,id:E,iconName:k,iconColor:V,iconSize:M,showIndicator:B,leftIcon:R,leftIconColor:I,leftIconSize:W,...P})=>{const T=l.useTheme()||z,q=e=>{const t=f.default.createElement(a.components.DropdownIndicator,e,f.default.createElement(Wt,null,f.default.createElement(F,{icon:k,color:V,size:M})));return!0===B?t:null},H=e=>f.default.createElement(a.components.ClearIndicator,e,c?f.default.createElement(Wt,{onClick:()=>{g(),e.clearValue()}},f.default.createElement(F,{icon:"cross-icon",color:"black",size:8})):null),j=({getValue:e,children:t,...l})=>{const o=e().length;return f.default.createElement(a.components.ValueContainer,l,""===R?null:f.default.createElement(Wt,{style:{paddingTop:"10px",paddingRight:"8px",marginLeft:"0",marginTop:"-16px"}},f.default.createElement(F,{icon:R,color:I,size:W})),t,o>1&&f.default.createElement("div",{className:"text-more-alt"},"& ",o-1," more"))},G=e=>{const t={width:"15px",height:"15px",borderRadius:"2px",padding:"4px",fontSize:"8px",lineHeight:"10px",minWidth:"15px",minHeight:"15px"},l=f.default.createElement("div",{style:{...t,backgroundColor:e?.data?.color??T.primary["primary-1"]}},f.default.createElement(F,{icon:"check-icon",color:"white"})),o=f.default.createElement("div",{style:{...t,backgroundColor:"#e0e7ff"}});return f.default.createElement(a.components.Option,e,f.default.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",width:"100%"}},e.isSelected?l:o,f.default.createElement("div",{className:"text-main-alt",style:{marginLeft:"10px"}},e.label)))},O=({index:e,...t})=>{const l=t?.data?.label||"Select";return!e&&f.default.createElement("div",{className:"text-main-alt"},l)},X={control:(e,t)=>({...e,border:s?"1px solid "+T.border:"1px solid "+T.ui.error,minWidth:"215px",height:`${d}px`,minHeight:`${d}px`,boxShadow:(t.isSelected||t.isFocused)&&"none"}),placeholder:e=>({...e,fontSize:u+"px",marginLeft:"0px"}),dropdownIndicator:e=>({...e,height:`${d}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),clearIndicator:e=>({...e,height:`${d}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),valueContainer:e=>({...e,display:"flex",fontSize:u+"px"}),indicatorsContainer:e=>({...e,padding:0,height:`${d}px`}),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%"}),singleValue:e=>({...e,fontSize:u+"px",marginLeft:"0px",width:"auto"}),multiValue:e=>({...e,marginLeft:"0px",width:"auto"}),input:e=>({...e,fontSize:u+"px"}),option:(e,t)=>({...e,backgroundColor:t.isSelected||t.isFocused?T.neutral["neutral-5"]:T.bgColor,padding:"10px",cursor:"pointer",color:"#081348",width:"inherit"}),...P.styles};return f.default.createElement(Rt,{style:y,isValid:s,fontSize:u,theme:T},e&&f.default.createElement(It,{inBuiltCss:L,labelWrapperStyle:"selectComp-label-wrapper",style:x},f.default.createElement(pt,{customStyles:t,type:"label-text",text:e,style:{marginBottom:"7px",paddingBottom:"0px"}}),A&&f.default.createElement("div",{style:{marginLeft:"4px",color:`${T.ui.error}`}},"*")),"multiSelect"===C?f.default.createElement(b.default,v({components:{DropdownIndicator:q,MultiValue:O,Option:G,ValueContainer:j,IndicatorSeparator:()=>null,ClearIndicator:H},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",onChange:i,placeholder:n,value:r,options:o,styles:X,isMulti:!0,isDisabled:S,hideSelectedOptions:!1,closeMenuOnSelect:!1,isSearchable:!0,isLoading:w,id:E,isClearable:c},P)):"asyncSingleSelect"===C?f.default.createElement(h.default,v({loadOptions:p,defaultOptions:!0,onInputChange:m,styles:X,components:{DropdownIndicator:q,ValueContainer:j,IndicatorSeparator:()=>null,ClearIndicator:H},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",placeholder:n,onChange:i,isLoading:w,isDisabled:S,id:E,isClearable:c},P)):"asyncMultiSelect"===C?f.default.createElement(h.default,v({components:{DropdownIndicator:q,MultiValue:O,ValueContainer:j,Option:G,IndicatorSeparator:()=>null,ClearIndicator:H},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",onChange:i,placeholder:n,styles:X,isMulti:!0,isDisabled:S,hideSelectedOptions:!1,closeMenuOnSelect:!1,isSearchable:!0,isLoading:w,loadOptions:p,defaultOptions:!0,onInputChange:m,id:E,isClearable:c},P)):f.default.createElement(b.default,v({components:{DropdownIndicator:q,ValueContainer:j,IndicatorSeparator:()=>null,ClearIndicator:H},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",options:o,placeholder:n,isDisabled:S,value:{value:r?r.value:"",label:r?r.label:""},styles:X,onChange:i,isLoading:w,id:E,isClearable:c},P)))};Pt.propTypes={label:p.default.string,labelStyle:p.default.object,optionArr:p.default.array,selectedValue:p.default.object,setSelectedValue:p.default.func,placeHolder:p.default.string,fontSize:p.default.number,clearSelected:p.default.func,loadOptions:p.default.func,onInputChange:p.default.func,customWrapperStyles:p.default.object,customLabelStyles:p.default.object,isRequired:p.default.bool,dropdownType:p.default.string,isDisabled:p.default.bool,isLoading:p.default.bool,isValid:p.default.bool,height:p.default.number,isClearable:p.default.bool,id:p.default.string,iconName:p.default.string,iconColor:p.default.string,iconSize:p.default.number,leftIcon:p.default.string,leftIconColor:p.default.string,leftIconSize:p.default.number,showIndicator:p.default.bool},Pt.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:"magnifier-icon",leftIconColor:"black",leftIconSize:10,showIndicator:!0};const Lt=m.default.div`
   //Set the styles from the default styles object
   ${({inBuiltCss:e,defaultStyles:t})=>be(e,t)}
 
@@ -1405,7 +1405,7 @@ ${({customInputColorStyle:e})=>e}
   align-items: center;
   margin: 20px 0px;
   font-size: 14px;
-`,Zt=({isValid:e,label:o,labelStyle:r,labelInline:a,required:i,message:n,fileArr:c,setFileArr:s,deleteFile:d,customDropzoneStyles:u,customFileStyles:p,customTextStyles:m,customFileNameStyles:g,backgroundColor:b,singleFile:h,messageSize:y,additionalText:x,id:A,...C})=>{const S=l.useTheme()||z,[w,E]=t.useState(!1),k=t.createRef();function V(e){e.preventDefault(),e.stopPropagation()}function M(e,t){let l=1==t?[]:[...c];for(let t=0;t<e.length;t++)l.push(e.item(t));return t||(l=l.filter(((e,t,l)=>t===l.findIndex((t=>t.place===e.place&&t.name===e.name))))),s(l),E(!1),l}function R(e,t){if(e instanceof File){const t=c.filter((t=>t.name!==e.name));s(t)}else!function(e,t){const l=c.filter((t=>t.name!==e.name));s(l),d(e)}(e)}return f.default.createElement("div",null,f.default.createElement("div",{style:{display:"flex",width:"inherit"}},f.default.createElement(pt,v({customStyles:r,type:"label-text",labelInline:a,text:o,style:{display:"flex",marginBottom:""+(a?"":"7px"),paddingBottom:"0px"}},C)),i&&f.default.createElement("div",{style:{marginLeft:"4px",color:`${S.variant.error}`}},"*")),f.default.createElement(Lt,{theme:S,inBuiltCss:L,defaultStyles:"dropzone-parent",backgroundColor:b,customDropzoneStyles:u,onDragLeave:function(e){V(e),E(!1)},onDragOver:function(e){V(e),E(!0)},onDrop:function(e){V(e);const{files:t}=e.dataTransfer;E(!0),C.onFilesAdded(M(t,h))},onClick:function(){k.current.click()},hover:w,isValid:e,fileArr:c},f.default.createElement(qt,v({ref:k,type:"file",id:A,multiple:1!=h,onChange:function(e){const{files:t}=e.target;E(!1),C.onFilesAdded(M(t,h))},onClick:e=>e.target.value=null},C)),e?f.default.createElement(F,{icon:"file-upload",color:w?S.bgColor:S.primary["primary-1"],size:24}):null,f.default.createElement(Ht,{isValid:e,hover:w,customTextStyles:m,inBuiltCss:L,defaultStyles:"dropzone-text-div"},e?f.default.createElement("div",null,f.default.createElement("span",{style:{color:w?S.bgColor:S.primary["primary-1"]}},"Choose a file"," "),f.default.createElement("span",{style:{color:w?S.bgColor:S.neutral["neutral-2"]}},"or"," "),f.default.createElement("span",{style:{color:w?S.bgColor:S.textColor}},"drag ",h?"it":"them"," here")):f.default.createElement("div",null,f.default.createElement("span",{style:{color:S.variant.error}},"Try again!!"," "),f.default.createElement("span",{style:{color:S.textColor}},n.length>y?n.slice(0,y):n)))),x.length>0&&f.default.createElement(Xt,null,x)," ",c?.map(((e,t)=>f.default.createElement(Tt,{inBuiltCss:L,defaultStyles:"dropzone-file-div",key:`${e}-${t}`,customFileStyles:p},f.default.createElement(Gt,null,f.default.createElement(F,{icon:"file-icon",color:S.primary["primary-1"]})),e instanceof File?f.default.createElement(jt,{inBuiltCss:L,type:"dropzone-file-name",customFileNameStyles:g},e.name):f.default.createElement("a",{style:{color:S.variant["primary-1"],marginLeft:"5px"},href:e?.path,target:"_blank",rel:"noreferrer"}," ",e.name),f.default.createElement(Ot,null,e?.otherInfo),f.default.createElement(Ft,{key:101*Math.random()|0,onClick:()=>R(e)},f.default.createElement("div",{style:{marginRight:"7px"}},f.default.createElement(F,{icon:`${!(e instanceof File)&&"cloud-icon"}`,color:S.primary["primary-1"]})),f.default.createElement(F,{icon:"cross-icon",color:S.neutral["neutral-2"],size:13}))))))};Zt.propTypes={onFilesAdded:p.default.func,isValid:p.default.bool,message:p.default.string,fileArr:p.default.array,setFileArr:p.default.func,customDropzoneStyles:p.default.object,customFileStyles:p.default.object,customTextStyles:p.default.object,customFileNameStyles:p.default.object,backgroundColor:p.default.string,messageSize:p.default.number,additionalText:p.default.string,id:p.default.string},Zt.defaultProps={onFilesAdded:()=>null,isValid:!0,message:"",fileArr:[],setFileArr:()=>{},customDropzoneStyles:{},customFileStyles:{},customTextStyles:{},customFileNameStyles:{},messageSize:100,additionalText:"",id:""};const Jt=m.default.div`
+`,Zt=({isValid:e,label:o,labelStyle:r,labelInline:a,required:i,message:n,fileArr:c,setFileArr:s,deleteFile:d,customDropzoneStyles:u,customFileStyles:p,customTextStyles:m,customFileNameStyles:g,backgroundColor:b,singleFile:h,messageSize:y,additionalText:x,id:A,...C})=>{const S=l.useTheme()||z,[w,E]=t.useState(!1),k=t.createRef();function V(e){e.preventDefault(),e.stopPropagation()}function M(e,t){let l=1==t?[]:[...c];for(let t=0;t<e.length;t++)l.push(e.item(t));return t||(l=l.filter(((e,t,l)=>t===l.findIndex((t=>t.place===e.place&&t.name===e.name))))),s(l),E(!1),l}function B(e,t){if(e instanceof File){const t=c.filter((t=>t.name!==e.name));s(t)}else!function(e,t){const l=c.filter((t=>t.name!==e.name));s(l),d(e)}(e)}return f.default.createElement("div",null,f.default.createElement("div",{style:{display:"flex",width:"inherit"}},f.default.createElement(pt,v({customStyles:r,type:"label-text",labelInline:a,text:o,style:{display:"flex",marginBottom:""+(a?"":"7px"),paddingBottom:"0px"}},C)),i&&f.default.createElement("div",{style:{marginLeft:"4px",color:`${S.variant.error}`}},"*")),f.default.createElement(Lt,{theme:S,inBuiltCss:L,defaultStyles:"dropzone-parent",backgroundColor:b,customDropzoneStyles:u,onDragLeave:function(e){V(e),E(!1)},onDragOver:function(e){V(e),E(!0)},onDrop:function(e){V(e);const{files:t}=e.dataTransfer;E(!0),C.onFilesAdded(M(t,h))},onClick:function(){k.current.click()},hover:w,isValid:e,fileArr:c},f.default.createElement(qt,v({ref:k,type:"file",id:A,multiple:1!=h,onChange:function(e){const{files:t}=e.target;E(!1),C.onFilesAdded(M(t,h))},onClick:e=>e.target.value=null},C)),e?f.default.createElement(F,{icon:"file-upload",color:w?S.bgColor:S.primary["primary-1"],size:24}):null,f.default.createElement(Ht,{isValid:e,hover:w,customTextStyles:m,inBuiltCss:L,defaultStyles:"dropzone-text-div"},e?f.default.createElement("div",null,f.default.createElement("span",{style:{color:w?S.bgColor:S.primary["primary-1"]}},"Choose a file"," "),f.default.createElement("span",{style:{color:w?S.bgColor:S.neutral["neutral-2"]}},"or"," "),f.default.createElement("span",{style:{color:w?S.bgColor:S.textColor}},"drag ",h?"it":"them"," here")):f.default.createElement("div",null,f.default.createElement("span",{style:{color:S.variant.error}},"Try again!!"," "),f.default.createElement("span",{style:{color:S.textColor}},n.length>y?n.slice(0,y):n)))),x.length>0&&f.default.createElement(Xt,null,x)," ",c?.map(((e,t)=>f.default.createElement(Tt,{inBuiltCss:L,defaultStyles:"dropzone-file-div",key:`${e}-${t}`,customFileStyles:p},f.default.createElement(Gt,null,f.default.createElement(F,{icon:"file-icon",color:S.primary["primary-1"]})),e instanceof File?f.default.createElement(jt,{inBuiltCss:L,type:"dropzone-file-name",customFileNameStyles:g},e.name):f.default.createElement("a",{style:{color:S.variant["primary-1"],marginLeft:"5px"},href:e?.path,target:"_blank",rel:"noreferrer"}," ",e.name),f.default.createElement(Ot,null,e?.otherInfo),f.default.createElement(Ft,{key:101*Math.random()|0,onClick:()=>B(e)},f.default.createElement("div",{style:{marginRight:"7px"}},f.default.createElement(F,{icon:`${!(e instanceof File)&&"cloud-icon"}`,color:S.primary["primary-1"]})),f.default.createElement(F,{icon:"cross-icon",color:S.neutral["neutral-2"],size:13}))))))};Zt.propTypes={onFilesAdded:p.default.func,isValid:p.default.bool,message:p.default.string,fileArr:p.default.array,setFileArr:p.default.func,customDropzoneStyles:p.default.object,customFileStyles:p.default.object,customTextStyles:p.default.object,customFileNameStyles:p.default.object,backgroundColor:p.default.string,messageSize:p.default.number,additionalText:p.default.string,id:p.default.string},Zt.defaultProps={onFilesAdded:()=>null,isValid:!0,message:"",fileArr:[],setFileArr:()=>{},customDropzoneStyles:{},customFileStyles:{},customTextStyles:{},customFileNameStyles:{},messageSize:100,additionalText:"",id:""};const Jt=m.default.div`
   border: 1px solid
     ${({theme:e})=>e.border};
   border-radius: 4px;
@@ -1554,7 +1554,7 @@ ${({customInputColorStyle:e})=>e}
   display: ${({inline:e})=>e?"flex":"inline-block"};
   width: max-content;
   margin: 0;
-`,nl=({radioOuterCircleStyle:e,radioInnerCircleStyle:t,labelStyle:o,label:r,optionStyle:a,options:i,selectedCircleColor:n,selectedOptionTextColor:c,onChange:s,selected:d,width:u,height:p,inline:f,defaultBorderColor:m,defaultOptionColor:g,WrapperDivStyle:b,...h})=>{const y=l.useTheme()||z;return React.createElement("div",null,React.createElement(pt,{customStyles:o,type:"radio-label",text:r}),React.createElement(il,{inline:f},i.map(((l,o)=>React.createElement(al,{WrapperDivStyle:b,key:o+101*Math.random(),id:l.id,inline:f,onClick:()=>{!l?.disabled&&s(l.value)}},React.createElement(ll,{theme:y,inBuiltCss:L,defaultBorderColor:m,selectedCircleColor:n,radioOuterCircleStyle:{...e,cursor:l?.disabled?"not-allowed ":" pointer",borderColor:l?.disabled&&l?.disabledColor},defaultRadioOuterCircleStyle:"radio-outer-circle",value:l.value,selected:!l?.disabled&&d},React.createElement(ol,{inBuiltCss:L,theme:y,width:u,height:p,selectedCircleColor:n,radioInnerCircleStyle:{...t,cursor:l?.disabled?"not-allowed ":" pointer",backgroundColor:l?.disabled?"transparent":l?.value===d?t?.backgroundColor:"transparent"},defaultRadioInnerCircleStyle:"radio-inner-circle",value:l.value,selected:d})),React.createElement(rl,{defaultOptionColor:g,optionStyle:{...a,cursor:l?.disabled?"not-allowed ":" pointer",color:l?.disabled&&l?.disabledColor},inBuiltCss:L,defaultOptionStyle:"option-text",selectedOptionTextColor:c,theme:y,selected:!l?.disabled&&l.value===d},l.label))))))};nl.propTypes={label:p.default.string,labelStyle:p.default.object,inline:p.default.bool,options:p.default.array,optionStyle:p.default.object,WrapperDivStyle:p.default.object,selected:p.default.string,onChange:p.default.func,defaultOptionColor:p.default.string,defaultBorderColor:p.default.string,radioOuterCircleStyle:p.default.object,radioInnerCircleStyle:p.default.object,width:p.default.string,height:p.default.string,selectedCircleColor:p.default.string,selectedOptionTextColor:p.default.string},nl.defaultProps={label:"",labelStyle:{},inline:!1,options:[],optionStyle:{},selected:"one",onChange:()=>{},radioOuterCircleStyle:{},radioInnerCircleStyle:{},width:"14px",height:"14px",WrapperDivStyle:{}};const cl=m.default.div`
+`,nl=({radioOuterCircleStyle:e,radioInnerCircleStyle:t,labelStyle:o,label:r,optionStyle:a,options:i,selectedCircleColor:n,selectedOptionTextColor:c,onChange:s,selected:d,width:u,height:p,inline:m,defaultBorderColor:g,defaultOptionColor:b,WrapperDivStyle:h,...y})=>{const x=l.useTheme()||z;return f.default.createElement("div",null,f.default.createElement(pt,{customStyles:o,type:"radio-label",text:r}),f.default.createElement(il,{inline:m},i.map(((l,o)=>f.default.createElement(al,{WrapperDivStyle:h,key:o+101*Math.random(),id:l.id,inline:m,onClick:()=>{!l?.disabled&&s(l.value)}},f.default.createElement(ll,{theme:x,inBuiltCss:L,defaultBorderColor:g,selectedCircleColor:n,radioOuterCircleStyle:{...e,cursor:l?.disabled?"not-allowed ":" pointer",borderColor:l?.disabled&&l?.disabledColor},defaultRadioOuterCircleStyle:"radio-outer-circle",value:l.value,selected:!l?.disabled&&d},f.default.createElement(ol,{inBuiltCss:L,theme:x,width:u,height:p,selectedCircleColor:n,radioInnerCircleStyle:{...t,cursor:l?.disabled?"not-allowed ":" pointer",backgroundColor:l?.disabled?"transparent":l?.value===d?t?.backgroundColor:"transparent"},defaultRadioInnerCircleStyle:"radio-inner-circle",value:l.value,selected:d})),f.default.createElement(rl,{defaultOptionColor:b,optionStyle:{...a,cursor:l?.disabled?"not-allowed ":" pointer",color:l?.disabled&&l?.disabledColor},inBuiltCss:L,defaultOptionStyle:"option-text",selectedOptionTextColor:c,theme:x,selected:!l?.disabled&&l.value===d},l.label))))))};nl.propTypes={label:p.default.string,labelStyle:p.default.object,inline:p.default.bool,options:p.default.array,optionStyle:p.default.object,WrapperDivStyle:p.default.object,selected:p.default.string,onChange:p.default.func,defaultOptionColor:p.default.string,defaultBorderColor:p.default.string,radioOuterCircleStyle:p.default.object,radioInnerCircleStyle:p.default.object,width:p.default.string,height:p.default.string,selectedCircleColor:p.default.string,selectedOptionTextColor:p.default.string},nl.defaultProps={label:"",labelStyle:{},inline:!1,options:[],optionStyle:{},selected:"one",onChange:()=>{},radioOuterCircleStyle:{},radioInnerCircleStyle:{},width:"14px",height:"14px",WrapperDivStyle:{}};const cl=m.default.div`
   //Set the styles from the default styles object
   ${({inBuiltCss:e,defaultWrapperStyle:t})=>be(e,t)}
 
@@ -1743,11 +1743,11 @@ ${({customInputColorStyle:e})=>e}
   color: ${({theme:e})=>e.variant["neutral-2"]};
   ${({required:e})=>e?Vl:null}
   padding-bottom: 0px;
-`,Rl=l.css`
+`,Bl=l.css`
   display: flex;
   align-items: center;
-`,Bl=m.default.div`
-  ${({labelInline:e})=>e?Rl:null}
+`,Rl=m.default.div`
+  ${({labelInline:e})=>e?Bl:null}
   .err-text {
     color: ${({theme:e})=>e.variant.error};
     margin-top: 5px;
@@ -1766,7 +1766,7 @@ ${({customInputColorStyle:e})=>e}
   padding: 5px 6px;
   font-size: 18px;
   cursor: pointer;
-`,Wl=({label:e,errMsg:t,hour:o,minute:r,period:a,onChange:i,id:n,...c})=>{const s=l.useTheme()||z;return f.default.createElement(Bl,v({theme:s},c),f.default.createElement(Ml,v({theme:s},c,{errMsg:t}),e),f.default.createElement("div",null,f.default.createElement(kl,v({theme:s,id:n},c),f.default.createElement(zl,{theme:s,value:o,onChange:function(e){const t=e.currentTarget.value>12?12:parseFloat(e.currentTarget.value)||0;i({hour:t,minute:r,period:a})}}),":",f.default.createElement(zl,{theme:s,value:r,onChange:function(e){console.log("minute change",e.currentTarget.value);const t=e.currentTarget.value>59?59:parseFloat(e.currentTarget.value)||0;i({hour:o,minute:t,period:a})}}),f.default.createElement(Il,{theme:s,onClick:function(e){i({hour:o,minute:r,period:"AM"===a?"PM":"AM"})}},a)),f.default.createElement("div",{className:"err-text"},t)))};Wl.propTypes={label:p.default.string,hour:p.default.number.isRequired,minute:p.default.number.isRequired,period:p.default.string.isRequired,required:p.default.bool,labelInline:p.default.bool,isValid:p.default.bool,errMsg:p.default.string,id:p.default.string},Wl.defaultProps={label:"",hour:0,minute:0,period:"AM",required:!1,labelInline:!1,isValid:!0,errMsg:"",id:""};const Pl=m.default.div`
+`,Wl=({label:e,errMsg:t,hour:o,minute:r,period:a,onChange:i,id:n,...c})=>{const s=l.useTheme()||z;return f.default.createElement(Rl,v({theme:s},c),f.default.createElement(Ml,v({theme:s},c,{errMsg:t}),e),f.default.createElement("div",null,f.default.createElement(kl,v({theme:s,id:n},c),f.default.createElement(zl,{theme:s,value:o,onChange:function(e){const t=e.currentTarget.value>12?12:parseFloat(e.currentTarget.value)||0;i({hour:t,minute:r,period:a})}}),":",f.default.createElement(zl,{theme:s,value:r,onChange:function(e){console.log("minute change",e.currentTarget.value);const t=e.currentTarget.value>59?59:parseFloat(e.currentTarget.value)||0;i({hour:o,minute:t,period:a})}}),f.default.createElement(Il,{theme:s,onClick:function(e){i({hour:o,minute:r,period:"AM"===a?"PM":"AM"})}},a)),f.default.createElement("div",{className:"err-text"},t)))};Wl.propTypes={label:p.default.string,hour:p.default.number.isRequired,minute:p.default.number.isRequired,period:p.default.string.isRequired,required:p.default.bool,labelInline:p.default.bool,isValid:p.default.bool,errMsg:p.default.string,id:p.default.string},Wl.defaultProps={label:"",hour:0,minute:0,period:"AM",required:!1,labelInline:!1,isValid:!0,errMsg:"",id:""};const Pl=m.default.div`
   ${({inBuiltCss:e,defaultCheckBoxWrapperStyle:t})=>be(e,t)}
 `,Ll=m.default.label`
   //Set the styles from the default styles object
@@ -2154,10 +2154,10 @@ svg {
   top: 0px;
   border-bottom: 1px solid     ${({theme:e})=>e.border}
 
-`;try{A.default.setAppElement("#root")}catch(e){A.default.setAppElement("#__next")}const Mo=({modalIsOpen:e,toggleModal:t,closeOnOutsideClick:o,headerContent:r,bodyContent:a,footerContent:i,customModalCloseStyle:n,customModalHeaderStyle:c,customModalBodyStyle:s,customModalFooterStyle:d,...u})=>{const p=l.useTheme()||z;return f.default.createElement(A.default,v({isOpen:e,onRequestClose:o?t:void 0,style:vo,contentLabel:"Modal"},u),f.default.createElement(Vo,{theme:p},f.default.createElement(Co,{theme:L,type:"modalComp-modal-close",style:n,onClick:t},f.default.createElement(F,{icon:"cross-icon",color:z.neutral["neutral-2"],size:15})),f.default.createElement(So,{style:c},f.default.createElement(zo,null,r))),f.default.createElement(Eo,null,f.default.createElement(wo,{theme:L,type:"modalComp-modal-body",style:s},f.default.createElement(zo,null,"        ",a)),f.default.createElement(ko,{theme:L,type:"modalComp-modal-footer",style:d},i)))};Mo.propTypes={modalIsOpen:p.default.bool,toggleModal:p.default.func,closeOnOutsideClick:p.default.bool,headerContent:p.default.any,bodyContent:p.default.any,footerContent:p.default.any,customModalCloseStyle:p.default.object,customModalHeaderStyle:p.default.object,customModalBodyStyle:p.default.object,customModalFooterStyle:p.default.object},Mo.defaultProps={modalIsOpen:!1,toggleModal:()=>{},closeOnOutsideClick:!1,headerContent:"",bodyContent:"",footerContent:"",customModalCloseStyle:{},customModalHeaderStyle:{},customModalBodyStyle:{},customModalFooterStyle:{}};const Ro=m.default.div`
+`;try{A.default.setAppElement("#root")}catch(e){A.default.setAppElement("#__next")}const Mo=({modalIsOpen:e,toggleModal:t,closeOnOutsideClick:o,headerContent:r,bodyContent:a,footerContent:i,customModalCloseStyle:n,customModalHeaderStyle:c,customModalBodyStyle:s,customModalFooterStyle:d,...u})=>{const p=l.useTheme()||z;return f.default.createElement(A.default,v({isOpen:e,onRequestClose:o?t:void 0,style:vo,contentLabel:"Modal"},u),f.default.createElement(Vo,{theme:p},f.default.createElement(Co,{theme:L,type:"modalComp-modal-close",style:n,onClick:t},f.default.createElement(F,{icon:"cross-icon",color:z.neutral["neutral-2"],size:15})),f.default.createElement(So,{style:c},f.default.createElement(zo,null,r))),f.default.createElement(Eo,null,f.default.createElement(wo,{theme:L,type:"modalComp-modal-body",style:s},f.default.createElement(zo,null,"        ",a)),f.default.createElement(ko,{theme:L,type:"modalComp-modal-footer",style:d},i)))};Mo.propTypes={modalIsOpen:p.default.bool,toggleModal:p.default.func,closeOnOutsideClick:p.default.bool,headerContent:p.default.any,bodyContent:p.default.any,footerContent:p.default.any,customModalCloseStyle:p.default.object,customModalHeaderStyle:p.default.object,customModalBodyStyle:p.default.object,customModalFooterStyle:p.default.object},Mo.defaultProps={modalIsOpen:!1,toggleModal:()=>{},closeOnOutsideClick:!1,headerContent:"",bodyContent:"",footerContent:"",customModalCloseStyle:{},customModalHeaderStyle:{},customModalBodyStyle:{},customModalFooterStyle:{}};const Bo=m.default.div`
 ${({theme:e,type:t,customStyles:l})=>{if(e){let o={};if(e[t]){for(const t in e.common)o[t]=e.common[t];for(const l in e[t])o[l]=e[t][l],delete e.common[l]}return{...o,...l}}}}
     }
-`,Bo=({theme:e,toggleSimple:t,contentTrigger:l,contentOverlay:o,popperOptionsP:r,settingsP:a,customStyles:i,...n})=>{let c={},d={};t?(c={...c,modifiers:[{name:"offset",options:{offset:[0,5]}}],strategy:"absolute"},d={...d}):(c={...c,modifiers:[{name:"offset",options:{offset:[0,5]}}],strategy:"absolute"},d={...d,trigger:"click",closeOnOutsideClick:!0,interactive:!0}),c={...c,...r},d={...d,...a};const{getArrowProps:u,getTooltipProps:p,setTooltipRef:m,setTriggerRef:g,visible:b}=s.usePopperTooltip({...d},c);return f.default.createElement(f.default.Fragment,null,f.default.createElement("div",{ref:g,style:{width:"fit-content",height:"fit-content"}},l),b&&f.default.createElement(Ro,v({type:t?"simple-overlay":"overlay",theme:e,ref:m},p({className:"tooltip-container"}),{customStyles:i}),o))};Bo.propTypes={theme:p.default.object,contentTrigger:p.default.any,contentOverlay:p.default.any,popperOptionsP:p.default.object,settingsP:p.default.object,customStyles:p.default.object,toggleSimple:p.default.bool},Bo.defaultProps={theme:L,contentTrigger:f.default.createElement("div",null,"Trigger"),contentOverlay:f.default.createElement("div",null,"I am the Overlay")};const Io=m.default.div`
+`,Ro=({theme:e,toggleSimple:t,contentTrigger:l,contentOverlay:o,popperOptionsP:r,settingsP:a,customStyles:i,...n})=>{let c={},d={};t?(c={...c,modifiers:[{name:"offset",options:{offset:[0,5]}}],strategy:"absolute"},d={...d}):(c={...c,modifiers:[{name:"offset",options:{offset:[0,5]}}],strategy:"absolute"},d={...d,trigger:"click",closeOnOutsideClick:!0,interactive:!0}),c={...c,...r},d={...d,...a};const{getArrowProps:u,getTooltipProps:p,setTooltipRef:m,setTriggerRef:g,visible:b}=s.usePopperTooltip({...d},c);return f.default.createElement(f.default.Fragment,null,f.default.createElement("div",{ref:g,style:{width:"fit-content",height:"fit-content"}},l),b&&f.default.createElement(Bo,v({type:t?"simple-overlay":"overlay",theme:e,ref:m},p({className:"tooltip-container"}),{customStyles:i}),o))};Ro.propTypes={theme:p.default.object,contentTrigger:p.default.any,contentOverlay:p.default.any,popperOptionsP:p.default.object,settingsP:p.default.object,customStyles:p.default.object,toggleSimple:p.default.bool},Ro.defaultProps={theme:L,contentTrigger:f.default.createElement("div",null,"Trigger"),contentOverlay:f.default.createElement("div",null,"I am the Overlay")};const Io=m.default.div`
   display: flex;
   align-items: center;
   color: ${({theme:e})=>e.variant["neutral-2"]};
@@ -2500,9 +2500,9 @@ overflow: hidden;
      // custom styles
      ${({customBodyStyle:e})=>e}
  `,yr=m.default.div`
- `,xr=({inBuiltCss:e,contentTrigger:t,contentTooltip:o,popperOptionsP:r,settings:a,customStylesTPContainer:i,customStylesTPAbottom:n,customStylesTPAbottomBefore:c,customStylesTPAbottomAfter:d,customStylesTPAtop:u,customStylesTPAtopBefore:p,customStylesTPAtopAfter:m,customStylesTPAright:g,customStylesTPArightBefore:b,customStylesTPArightAfter:h,customStylesTPAleft:y,customStylesTPAleftBefore:x,customStylesTPAleftAfter:A,customStylesTPArrow:C,customStylesTPAbefore:S,customStylesTPAafter:w,customTooltipContentStyle:E,customContentStyle:k,customHeaderStyle:V,customBodyStyle:M,headerTooltip:R,footerTooltip:B,...I})=>{const W=l.useTheme()||z,P={modifiers:[{name:"offset",options:{offset:[0,23]}}],strategy:"absolute",...r},{getArrowProps:T,getTooltipProps:q,setTooltipRef:H,setTriggerRef:j,visible:F}=s.usePopperTooltip({...a},P);return f.default.createElement(f.default.Fragment,null,f.default.createElement("div",{ref:j,style:{width:"fit-content",height:"fit-content",display:"inline-block"}},t),F&&f.default.createElement(fr,v({inBuiltCss:L,theme:W,ref:H},q({className:"tooltip-container"}),{customStylesTPContainer:i,customStylesTPAbottom:n,customStylesTPAbottomBefore:c,customStylesTPAbottomAfter:d,customStylesTPAtop:u,customStylesTPAtopBefore:p,customStylesTPAtopAfter:m,customStylesTPAright:g,customStylesTPArightBefore:b,customStylesTPArightAfter:h,customStylesTPAleft:y,customStylesTPAleftBefore:x,customStylesTPAleftAfter:A}),f.default.createElement(mr,v({inBuiltCss:L},T({className:"tooltip-arrow"}),{customStylesTPArrow:C,customStylesTPAbefore:S,customStylesTPAafter:w})),f.default.createElement(gr,v({defaultTooltipContentStyle:"popOver-Content",theme:W,inBuiltCss:L},I,{customContentStyle:k}),f.default.createElement(br,v({defaultTooltipHeaderStyle:"popOver-header",theme:W,inBuiltCss:L},I,{customHeaderStyle:V}),R),f.default.createElement(hr,v({defaultTooltipBodyStyle:"popOver-body",theme:W,inBuiltCss:L},I,{customBodyStyle:M}),o),f.default.createElement(yr,null,B))))};xr.propTypes={contentTrigger:p.default.any,headerTooltip:p.default.any,contentTooltip:p.default.any,footerTooltip:p.default.any,popperOptionsP:p.default.object,settings:p.default.object,customHeaderStyle:p.default.object,customBodyStyle:p.default.object,customStylesTPContainer:p.default.object,customStylesTPAbottom:p.default.object,customStylesTPAbottomBefore:p.default.object,customStylesTPAbottomAfter:p.default.object,customStylesTPAtop:p.default.object,customStylesTPAtopBefore:p.default.object,customStylesTPAtopAfter:p.default.object,customStylesTPAright:p.default.object,customStylesTPArightBefore:p.default.object,customStylesTPArightAfter:p.default.object,customStylesTPAleft:p.default.object,customStylesTPAleftBefore:p.default.object,customStylesTPAleftAfter:p.default.object,customStylesTPArrow:p.default.object,customStylesTPAbefore:p.default.object,customStylesTPAafter:p.default.object},xr.defaultProps={contentTrigger:f.default.createElement("div",null,"Trigger"),headerTooltip:"Lovely tooltip title",contentTooltip:"",footerTooltip:"",customStylesTPContainer:{border:"none"}};const Ar={xs:{fontSize:"12px",lineHeight:"120%"},sm:{fontSize:"14px",lineHeight:"120%"},md:{fontSize:"16px",lineHeight:"140%"},lg:{fontSize:"18px",lineHeight:"120%"}},vr=m.default.div`
+ `,xr=({inBuiltCss:e,contentTrigger:t,contentTooltip:o,popperOptionsP:r,settings:a,customStylesTPContainer:i,customStylesTPAbottom:n,customStylesTPAbottomBefore:c,customStylesTPAbottomAfter:d,customStylesTPAtop:u,customStylesTPAtopBefore:p,customStylesTPAtopAfter:m,customStylesTPAright:g,customStylesTPArightBefore:b,customStylesTPArightAfter:h,customStylesTPAleft:y,customStylesTPAleftBefore:x,customStylesTPAleftAfter:A,customStylesTPArrow:C,customStylesTPAbefore:S,customStylesTPAafter:w,customTooltipContentStyle:E,customContentStyle:k,customHeaderStyle:V,customBodyStyle:M,headerTooltip:B,footerTooltip:R,...I})=>{const W=l.useTheme()||z,P={modifiers:[{name:"offset",options:{offset:[0,23]}}],strategy:"absolute",...r},{getArrowProps:T,getTooltipProps:q,setTooltipRef:H,setTriggerRef:j,visible:F}=s.usePopperTooltip({...a},P);return f.default.createElement(f.default.Fragment,null,f.default.createElement("div",{ref:j,style:{width:"fit-content",height:"fit-content",display:"inline-block"}},t),F&&f.default.createElement(fr,v({inBuiltCss:L,theme:W,ref:H},q({className:"tooltip-container"}),{customStylesTPContainer:i,customStylesTPAbottom:n,customStylesTPAbottomBefore:c,customStylesTPAbottomAfter:d,customStylesTPAtop:u,customStylesTPAtopBefore:p,customStylesTPAtopAfter:m,customStylesTPAright:g,customStylesTPArightBefore:b,customStylesTPArightAfter:h,customStylesTPAleft:y,customStylesTPAleftBefore:x,customStylesTPAleftAfter:A}),f.default.createElement(mr,v({inBuiltCss:L},T({className:"tooltip-arrow"}),{customStylesTPArrow:C,customStylesTPAbefore:S,customStylesTPAafter:w})),f.default.createElement(gr,v({defaultTooltipContentStyle:"popOver-Content",theme:W,inBuiltCss:L},I,{customContentStyle:k}),f.default.createElement(br,v({defaultTooltipHeaderStyle:"popOver-header",theme:W,inBuiltCss:L},I,{customHeaderStyle:V}),B),f.default.createElement(hr,v({defaultTooltipBodyStyle:"popOver-body",theme:W,inBuiltCss:L},I,{customBodyStyle:M}),o),f.default.createElement(yr,null,R))))};xr.propTypes={contentTrigger:p.default.any,headerTooltip:p.default.any,contentTooltip:p.default.any,footerTooltip:p.default.any,popperOptionsP:p.default.object,settings:p.default.object,customHeaderStyle:p.default.object,customBodyStyle:p.default.object,customStylesTPContainer:p.default.object,customStylesTPAbottom:p.default.object,customStylesTPAbottomBefore:p.default.object,customStylesTPAbottomAfter:p.default.object,customStylesTPAtop:p.default.object,customStylesTPAtopBefore:p.default.object,customStylesTPAtopAfter:p.default.object,customStylesTPAright:p.default.object,customStylesTPArightBefore:p.default.object,customStylesTPArightAfter:p.default.object,customStylesTPAleft:p.default.object,customStylesTPAleftBefore:p.default.object,customStylesTPAleftAfter:p.default.object,customStylesTPArrow:p.default.object,customStylesTPAbefore:p.default.object,customStylesTPAafter:p.default.object},xr.defaultProps={contentTrigger:f.default.createElement("div",null,"Trigger"),headerTooltip:"Lovely tooltip title",contentTooltip:"",footerTooltip:"",customStylesTPContainer:{border:"none"}};const Ar={xs:{fontSize:"12px",lineHeight:"120%"},sm:{fontSize:"14px",lineHeight:"120%"},md:{fontSize:"16px",lineHeight:"140%"},lg:{fontSize:"18px",lineHeight:"120%"}},vr=m.default.div`
     color: ${({theme:e,text:t})=>t?e.variant[t]:e.textColor};
     // background: ${({theme:e,bg:t})=>t?e.variant[t]:e.bgColor};
     font-size: ${({size:e})=>Ar[e].fontSize};
     line-height: ${({size:e})=>Ar[e].lineHeight};
-`,Cr=({size:e,children:t,bg:o,text:r,...a})=>{const i=l.useTheme()||z;return f.default.createElement(vr,v({theme:i,bg:o,text:r,size:e},a),f.default.createElement(Nl,{theme:i}),t)};Cr.propTypes={size:p.default.oneOf(["xs","sm","md","lg"]),text:p.default.string,bg:p.default.string,children:p.default.any,theme:p.default.object},Cr.defaultProps={size:"md"},exports.Accordion=O,exports.AccordionSB=X,exports.AccordionSBfooter=Z,exports.ActionContainer=Fe,exports.ActionItem=Xe,exports.ArrowBar=K,exports.Avatar=ee,exports.AvatarSB=re,exports.AvatarSBfooter=ce,exports.Banner=ue,exports.Breadcrumb=ge,exports.ButtonPopup=io,exports.Card=P,exports.CardRef=q,exports.CheckBoxInput=yt,exports.ColorInput=vt,exports.Content=Be,exports.DarkSecondaryLink=Uo,exports.DateSelect=Rt,exports.Divider=Ye,exports.DocumentCard=I,exports.Drawer=$e,exports.DropdownSelect=Pt,exports.DropzoneInput=Zt,exports.ErrorBoundary=_e,exports.FilterChip=lt,exports.Footer=rt,exports.FooterContent=({variant:e,textColor:t,size:l,width:o,footerWidth:r,...a})=>f.default.createElement(at,v({variant:e,textColor:t,footerWidth:r},a),f.default.createElement(it,{footerWidth:r},f.default.createElement(nt,{footerWidth:r},"Premise HQ"),f.default.createElement(ct,{footerWidth:r},"|"),f.default.createElement(nt,{footerWidth:r},"All Rights Restricted 2020 ©")),f.default.createElement(it,{footerWidth:r},f.default.createElement(nt,{footerWidth:r},"Terms of use"),f.default.createElement(ct,{footerWidth:r},"|"),f.default.createElement(nt,{footerWidth:r},"Privacy Policy"))),exports.FormComponent=({formData:e,...l})=>{const o=e=>{switch(e.type){case"header":return(e=>f.default.createElement(t.Fragment,null,f.default.createElement(dt,v({},e,l),e.children),e))(e);case"label":return(e=>f.default.createElement(pt,v({style:{marginBottom:"7px",paddingBottom:"0"}},e,l)))(e);case"text":return(e=>f.default.createElement(pl,v({},e,l)))(e);case"textArea":return(e=>f.default.createElement(El,v({},e,l)))(e);case"number":return(e=>f.default.createElement(Yt,v({},e,l)))(e);case"radio":return(e=>f.default.createElement(nl,v({key:101*Math.random()|0},e,l)))(e);case"checkBox":return(e=>f.default.createElement(yt,v({},e,l)))(e);case"singleSelect":return(e=>f.default.createElement(Pt,v({dropdownType:"singleSelect"},e,l)))(e);case"multiSelect":return(e=>f.default.createElement(Pt,v({dropdownType:"multiSelect"},e,l)))(e);case"asyncSingleSelect":return(e=>f.default.createElement(Pt,v({dropdownType:"asyncSingleSelect"},e,l)))(e);case"asyncMultiSelect":return(e=>f.default.createElement(Pt,v({dropdownType:"asyncMultiSelect"},e,l)))(e);case"signature":return(e=>f.default.createElement(Al,v({},e,l)))(e);case"fileUpload":return(e=>f.default.createElement(Zt,v({},e,l)))(e);case"date":return(e=>f.default.createElement(Rt,v({},e,l)))(e);case"toggle":return(e=>f.default.createElement(Hl,v({},e,l)))(e);case"rating":return(e=>f.default.createElement(Jl,v({},e,l)))(e);case"buttonPrimary":return(e=>f.default.createElement(we,v({},e,l)))(e);case"buttonSecondary":return(e=>f.default.createElement(ze,v({},e,l)))(e);case"buttonTiny":return(e=>f.default.createElement(Me,v({},e,l)))(e);case"search":return(e=>f.default.createElement(fl,v({},e,l)))(e);case"table":return(e=>f.default.createElement(Ql,v({},e,l)))(e);case"passwordInput":return(e=>f.default.createElement(tl,v({},e,l)))(e);case"headerComponent":return(e=>f.default.createElement(Kl,v({},e,l)))(e)}};return f.default.createElement(t.Fragment,null,f.default.createElement(Ze,{defaultThemeColor:z},f.default.createElement(Ke,{onSubmit:()=>{console.log("form submit")}},e.map(((e,t)=>e.length>1?f.default.createElement(Ue,null,e.map(((t,l)=>f.default.createElement(Qe,{cols:e.length},o(t))))):o(e[0]))))))},exports.FormContainer=Ze,exports.FormWrapper=Ke,exports.GroupAvatars=$l,exports.GroupButtons=lo,exports.GroupButtonsPopup=uo,exports.GroupStatusCircle=ho,exports.Header=dt,exports.HeaderComponent=Kl,exports.HyperLink=Ao,exports.Icon=F,exports.Image=Y,exports.Label=pt,exports.LightSecondaryLink=Zo,exports.Loader=Ae,exports.ModalComp=Mo,exports.MultiColumnDiv=Qe,exports.MultiColumnWrapper=Ue,exports.Navbar=({headerContent:e,bodyContent:o,footerContent:r,selectedApp:a,setApp:i,toggleSideBarOpen:n,headerStyles:c,selectedStyle:s,notSelectedStyle:d,customStylesNameHover:u,listElementStyle:p,...m})=>{const g=l.useTheme()||z,[b,h]=t.useState(null),[y,x]=t.useState(null);return f.default.createElement("div",{onMouseLeave:()=>{h(null),x(null)},style:{display:"flex",flexDirection:"column",height:"100vh"},className:"NavbarDiv"},f.default.createElement(Yo,{theme:g,headerStyles:c},e),f.default.createElement(Do,null,o?.map(((e,t)=>f.default.createElement(X,{key:e.id,index:t,handleClick:e=>{!function(e){x(null),h(e)}(e)},isAccordionOpen:t===b,isSelected:e.userName===a.lev1,customStylesAccordionContainer:{padding:"0","box-shadow":"none","border-radius":"0px","background-color":"transparent"},customStylesAccordionTogggle:{padding:"0","box-shadow":"none","border-radius":"0px","background-color":"transparent","padding-left":"16px","padding-top":"7.5px","padding-bottom":"7.5px",cursor:"pointer"},customStylesAccordionContent:{transition:"height ease 0.2s",overflow:"hidden",padding:"0","background-color":"transparent",color:"white",position:"relative","box-shadow":"none"},contentToggle:f.default.createElement(re,{selectedStyle:s,notSelectedStyle:d,toggleName:n,customStylesName:{"white-space":"nowrap",overflow:"hidden","text-overflow":"ellipsis",color:"white","font-weight":e.userName===a.lev1?"600":"400"},customStylesNameHover:u,size:"LG",user:e,isSelected:e.userName===a.lev1}),content:f.default.createElement("div",{style:{margin:"0",padding:"0",paddingLeft:"32px",marginBottom:"18.25px"}},e.subdirectory?.map(((t,l)=>f.default.createElement($o,{listElementStyle:p,key:e.id+t,onClick:()=>{console.log("Click: ",e.fullName,t),i({lev1:`${e.userName}`,lev2:`${t}`})}},f.default.createElement("span",{style:{visibility:a.lev2===t?"visible":"hidden"}}),f.default.createElement("p",{style:{marginTop:0===l&&"0px"}},t)))))})))),f.default.createElement(_o,null,f.default.createElement(Z,{index:0,handleClick:e=>{!function(e){h(null),x(e)}(e)},isAccordionOpen:0===y,customStylesAccordionContainer:{padding:"0","box-shadow":"none","border-radius":"0px","background-color":"transparent"},customStylesAccordionTogggle:{padding:"0","box-shadow":"none","border-radius":"0px","background-color":"transparent","padding-left":"16px","padding-top":"7.5px","padding-bottom":"7.5px",cursor:"pointer"},customStylesAccordionContent:{transition:"height ease 0.2s",overflow:"hidden",padding:"0","background-color":"transparent",color:"white",position:"relative","box-shadow":"none"},contentToggle:f.default.createElement(re,{selectedStyle:s,notSelectedStyle:d,toggleName:n,customStylesName:{"white-space":"nowrap",overflow:"hidden","text-overflow":"ellipsis",color:"white","font-weight":"400"},customStylesNameHover:u,size:"LG",user:{fullName:"My Account",userName:"My Account",url:"https://picsum.photos/30"}}),content:f.default.createElement("div",{style:{margin:"0",padding:"0",paddingLeft:"32px",marginBottom:"18.25px"}},f.default.createElement(er,{listElementStyle:p,onClick:()=>{}},f.default.createElement("p",null,"Change Password")),f.default.createElement(er,{onClick:()=>{}},f.default.createElement("p",null,"Sign Out")))}),f.default.createElement(Z,{handleClick:()=>{},customStylesAccordionContainer:{padding:"0","box-shadow":"none","border-radius":"0px","background-color":"transparent"},customStylesAccordionTogggle:{padding:"0","box-shadow":"none","border-radius":"0px","background-color":"transparent","padding-left":"16px","padding-top":"7.5px","padding-bottom":"7.5px",cursor:"pointer"},customStylesAccordionContent:{transition:"height ease 0.2s",overflow:"hidden",padding:"0","background-color":"transparent",color:"white",position:"relative","box-shadow":"none"},contentToggle:f.default.createElement(ce,{selectedStyle:s,notSelectedStyle:d,toggleName:n,customStylesName:{"white-space":"nowrap",overflow:"hidden","text-overflow":"ellipsis",color:"white","font-weight":"400"},customStylesNameHover:{"text-decoration":"underline"},size:"LG",user:{fullName:"Users",userName:"Users"},value:"+"+r.length}),disable:!0})))},exports.NumericInput=Yt,exports.Overlay=Bo,exports.OverlayOptionContainer=Ge,exports.OverlayOptionItemLabel=Oe,exports.PageContent=Ie,exports.Pagination=Wo,exports.PasswordInput=tl,exports.PrimaryButton=we,exports.PrimaryStatusChip=or,exports.ProgressBar=qo,exports.ProgressSteps=Oo,exports.RadioInput=nl,exports.Rating=Jl,exports.SearchInput=fl,exports.SecondaryButton=ze,exports.SecondaryStatusChip=ir,exports.Sidebar=No,exports.SignatureInput=Al,exports.SlimPrimaryStatusChip=sr,exports.SlimSecondaryStatusChip=pr,exports.StatusCircle=fo,exports.StyledCentralBar=Le,exports.StyledClearSearch=Pe,exports.StyledCreateRow=qe,exports.StyledRow=He,exports.StyledRowSearch=We,exports.StyledSearchRow=je,exports.StyledWarning=Te,exports.SubmitButtonContainer=Je,exports.SubmitComponent=({formData:e,onSubmit:l,onReset:o,style:r,...a})=>{const i=e=>{switch(e.type){case"submit":return(e=>f.default.createElement(we,{block:e.block,style:e.style,disabled:e.disabled,type:"submit",children:e.children,onClick:()=>{e.onClick()}}))(e);case"reset":case"cancel":return(e=>f.default.createElement(ze,{block:e.block,disabled:a.disabled,children:e.children,onClick:()=>{e.onClick()}}))(e)}};return f.default.createElement(t.Fragment,null,f.default.createElement(Je,{style:r},e&&e.map(((e,t)=>e.map(((e,t)=>i(e)))))))},exports.Table=Ql,exports.TextArea=El,exports.TextInput=pl,exports.TimeInput=Wl,exports.TinyButton=Me,exports.ToggleSwitch=Hl,exports.Tooltip=xr,exports.Typography=Cr,exports.graphColor=k,exports.hexToRGB=he,exports.neutralColor=w,exports.primaryColor=C,exports.shadeColor=E,exports.uiColor=S;
+`,Cr=({size:e,children:t,bg:o,text:r,...a})=>{const i=l.useTheme()||z;return f.default.createElement(vr,v({theme:i,bg:o,text:r,size:e},a),f.default.createElement(Nl,{theme:i}),t)};Cr.propTypes={size:p.default.oneOf(["xs","sm","md","lg"]),text:p.default.string,bg:p.default.string,children:p.default.any,theme:p.default.object},Cr.defaultProps={size:"md"},exports.Accordion=O,exports.AccordionSB=X,exports.AccordionSBfooter=Z,exports.ActionContainer=Fe,exports.ActionItem=Xe,exports.ArrowBar=K,exports.Avatar=ee,exports.AvatarSB=re,exports.AvatarSBfooter=ce,exports.Banner=ue,exports.Breadcrumb=ge,exports.ButtonPopup=io,exports.Card=P,exports.CardRef=q,exports.CheckBoxInput=yt,exports.ColorInput=vt,exports.Content=Re,exports.DarkSecondaryLink=Uo,exports.DateSelect=Bt,exports.Divider=Ye,exports.DocumentCard=I,exports.Drawer=$e,exports.DropdownSelect=Pt,exports.DropzoneInput=Zt,exports.ErrorBoundary=_e,exports.FilterChip=lt,exports.Footer=rt,exports.FooterContent=({variant:e,textColor:t,size:l,width:o,footerWidth:r,...a})=>f.default.createElement(at,v({variant:e,textColor:t,footerWidth:r},a),f.default.createElement(it,{footerWidth:r},f.default.createElement(nt,{footerWidth:r},"Premise HQ"),f.default.createElement(ct,{footerWidth:r},"|"),f.default.createElement(nt,{footerWidth:r},"All Rights Restricted 2020 ©")),f.default.createElement(it,{footerWidth:r},f.default.createElement(nt,{footerWidth:r},"Terms of use"),f.default.createElement(ct,{footerWidth:r},"|"),f.default.createElement(nt,{footerWidth:r},"Privacy Policy"))),exports.FormComponent=({formData:e,...l})=>{const o=e=>{switch(e.type){case"header":return(e=>f.default.createElement(t.Fragment,null,f.default.createElement(dt,v({},e,l),e.children),e))(e);case"label":return(e=>f.default.createElement(pt,v({style:{marginBottom:"7px",paddingBottom:"0"}},e,l)))(e);case"text":return(e=>f.default.createElement(pl,v({},e,l)))(e);case"textArea":return(e=>f.default.createElement(El,v({},e,l)))(e);case"number":return(e=>f.default.createElement(Yt,v({},e,l)))(e);case"radio":return(e=>f.default.createElement(nl,v({key:101*Math.random()|0},e,l)))(e);case"checkBox":return(e=>f.default.createElement(yt,v({},e,l)))(e);case"singleSelect":return(e=>f.default.createElement(Pt,v({dropdownType:"singleSelect"},e,l)))(e);case"multiSelect":return(e=>f.default.createElement(Pt,v({dropdownType:"multiSelect"},e,l)))(e);case"asyncSingleSelect":return(e=>f.default.createElement(Pt,v({dropdownType:"asyncSingleSelect"},e,l)))(e);case"asyncMultiSelect":return(e=>f.default.createElement(Pt,v({dropdownType:"asyncMultiSelect"},e,l)))(e);case"signature":return(e=>f.default.createElement(Al,v({},e,l)))(e);case"fileUpload":return(e=>f.default.createElement(Zt,v({},e,l)))(e);case"date":return(e=>f.default.createElement(Bt,v({},e,l)))(e);case"toggle":return(e=>f.default.createElement(Hl,v({},e,l)))(e);case"rating":return(e=>f.default.createElement(Jl,v({},e,l)))(e);case"buttonPrimary":return(e=>f.default.createElement(we,v({},e,l)))(e);case"buttonSecondary":return(e=>f.default.createElement(ze,v({},e,l)))(e);case"buttonTiny":return(e=>f.default.createElement(Me,v({},e,l)))(e);case"search":return(e=>f.default.createElement(fl,v({},e,l)))(e);case"table":return(e=>f.default.createElement(Ql,v({},e,l)))(e);case"passwordInput":return(e=>f.default.createElement(tl,v({},e,l)))(e);case"headerComponent":return(e=>f.default.createElement(Kl,v({},e,l)))(e)}};return f.default.createElement(t.Fragment,null,f.default.createElement(Ze,{defaultThemeColor:z},f.default.createElement(Ke,{onSubmit:()=>{console.log("form submit")}},e.map(((e,t)=>e.length>1?f.default.createElement(Ue,null,e.map(((t,l)=>f.default.createElement(Qe,{cols:e.length},o(t))))):o(e[0]))))))},exports.FormContainer=Ze,exports.FormWrapper=Ke,exports.GroupAvatars=$l,exports.GroupButtons=lo,exports.GroupButtonsPopup=uo,exports.GroupStatusCircle=ho,exports.Header=dt,exports.HeaderComponent=Kl,exports.HyperLink=Ao,exports.Icon=F,exports.Image=Y,exports.Label=pt,exports.LightSecondaryLink=Zo,exports.Loader=Ae,exports.ModalComp=Mo,exports.MultiColumnDiv=Qe,exports.MultiColumnWrapper=Ue,exports.Navbar=({headerContent:e,bodyContent:o,footerContent:r,selectedApp:a,setApp:i,toggleSideBarOpen:n,headerStyles:c,selectedStyle:s,notSelectedStyle:d,customStylesNameHover:u,listElementStyle:p,...m})=>{const g=l.useTheme()||z,[b,h]=t.useState(null),[y,x]=t.useState(null);return f.default.createElement("div",{onMouseLeave:()=>{h(null),x(null)},style:{display:"flex",flexDirection:"column",height:"100vh"},className:"NavbarDiv"},f.default.createElement(Yo,{theme:g,headerStyles:c},e),f.default.createElement(Do,null,o?.map(((e,t)=>f.default.createElement(X,{key:e.id,index:t,handleClick:e=>{!function(e){x(null),h(e)}(e)},isAccordionOpen:t===b,isSelected:e.userName===a.lev1,customStylesAccordionContainer:{padding:"0","box-shadow":"none","border-radius":"0px","background-color":"transparent"},customStylesAccordionTogggle:{padding:"0","box-shadow":"none","border-radius":"0px","background-color":"transparent","padding-left":"16px","padding-top":"7.5px","padding-bottom":"7.5px",cursor:"pointer"},customStylesAccordionContent:{transition:"height ease 0.2s",overflow:"hidden",padding:"0","background-color":"transparent",color:"white",position:"relative","box-shadow":"none"},contentToggle:f.default.createElement(re,{selectedStyle:s,notSelectedStyle:d,toggleName:n,customStylesName:{"white-space":"nowrap",overflow:"hidden","text-overflow":"ellipsis",color:"white","font-weight":e.userName===a.lev1?"600":"400"},customStylesNameHover:u,size:"LG",user:e,isSelected:e.userName===a.lev1}),content:f.default.createElement("div",{style:{margin:"0",padding:"0",paddingLeft:"32px",marginBottom:"18.25px"}},e.subdirectory?.map(((t,l)=>f.default.createElement($o,{listElementStyle:p,key:e.id+t,onClick:()=>{console.log("Click: ",e.fullName,t),i({lev1:`${e.userName}`,lev2:`${t}`})}},f.default.createElement("span",{style:{visibility:a.lev2===t?"visible":"hidden"}}),f.default.createElement("p",{style:{marginTop:0===l&&"0px"}},t)))))})))),f.default.createElement(_o,null,f.default.createElement(Z,{index:0,handleClick:e=>{!function(e){h(null),x(e)}(e)},isAccordionOpen:0===y,customStylesAccordionContainer:{padding:"0","box-shadow":"none","border-radius":"0px","background-color":"transparent"},customStylesAccordionTogggle:{padding:"0","box-shadow":"none","border-radius":"0px","background-color":"transparent","padding-left":"16px","padding-top":"7.5px","padding-bottom":"7.5px",cursor:"pointer"},customStylesAccordionContent:{transition:"height ease 0.2s",overflow:"hidden",padding:"0","background-color":"transparent",color:"white",position:"relative","box-shadow":"none"},contentToggle:f.default.createElement(re,{selectedStyle:s,notSelectedStyle:d,toggleName:n,customStylesName:{"white-space":"nowrap",overflow:"hidden","text-overflow":"ellipsis",color:"white","font-weight":"400"},customStylesNameHover:u,size:"LG",user:{fullName:"My Account",userName:"My Account",url:"https://picsum.photos/30"}}),content:f.default.createElement("div",{style:{margin:"0",padding:"0",paddingLeft:"32px",marginBottom:"18.25px"}},f.default.createElement(er,{listElementStyle:p,onClick:()=>{}},f.default.createElement("p",null,"Change Password")),f.default.createElement(er,{onClick:()=>{}},f.default.createElement("p",null,"Sign Out")))}),f.default.createElement(Z,{handleClick:()=>{},customStylesAccordionContainer:{padding:"0","box-shadow":"none","border-radius":"0px","background-color":"transparent"},customStylesAccordionTogggle:{padding:"0","box-shadow":"none","border-radius":"0px","background-color":"transparent","padding-left":"16px","padding-top":"7.5px","padding-bottom":"7.5px",cursor:"pointer"},customStylesAccordionContent:{transition:"height ease 0.2s",overflow:"hidden",padding:"0","background-color":"transparent",color:"white",position:"relative","box-shadow":"none"},contentToggle:f.default.createElement(ce,{selectedStyle:s,notSelectedStyle:d,toggleName:n,customStylesName:{"white-space":"nowrap",overflow:"hidden","text-overflow":"ellipsis",color:"white","font-weight":"400"},customStylesNameHover:{"text-decoration":"underline"},size:"LG",user:{fullName:"Users",userName:"Users"},value:"+"+r.length}),disable:!0})))},exports.NumericInput=Yt,exports.Overlay=Ro,exports.OverlayOptionContainer=Ge,exports.OverlayOptionItemLabel=Oe,exports.PageContent=Ie,exports.Pagination=Wo,exports.PasswordInput=tl,exports.PrimaryButton=we,exports.PrimaryStatusChip=or,exports.ProgressBar=qo,exports.ProgressSteps=Oo,exports.RadioInput=nl,exports.Rating=Jl,exports.SearchInput=fl,exports.SecondaryButton=ze,exports.SecondaryStatusChip=ir,exports.Sidebar=No,exports.SignatureInput=Al,exports.SlimPrimaryStatusChip=sr,exports.SlimSecondaryStatusChip=pr,exports.StatusCircle=fo,exports.StyledCentralBar=Le,exports.StyledClearSearch=Pe,exports.StyledCreateRow=qe,exports.StyledRow=He,exports.StyledRowSearch=We,exports.StyledSearchRow=je,exports.StyledWarning=Te,exports.SubmitButtonContainer=Je,exports.SubmitComponent=({formData:e,onSubmit:l,onReset:o,style:r,...a})=>{const i=e=>{switch(e.type){case"submit":return(e=>f.default.createElement(we,{block:e.block,style:e.style,disabled:e.disabled,type:"submit",children:e.children,onClick:()=>{e.onClick()}}))(e);case"reset":case"cancel":return(e=>f.default.createElement(ze,{block:e.block,disabled:a.disabled,children:e.children,onClick:()=>{e.onClick()}}))(e)}};return f.default.createElement(t.Fragment,null,f.default.createElement(Je,{style:r},e&&e.map(((e,t)=>e.map(((e,t)=>i(e)))))))},exports.Table=Ql,exports.TextArea=El,exports.TextInput=pl,exports.TimeInput=Wl,exports.TinyButton=Me,exports.ToggleSwitch=Hl,exports.Tooltip=xr,exports.Typography=Cr,exports.graphColor=k,exports.hexToRGB=he,exports.neutralColor=w,exports.primaryColor=C,exports.shadeColor=E,exports.uiColor=S;

package/package.json

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