kwant-ui 3.51.0-dev.16 → 3.51.0-dev.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,3 +1,3 @@
1
1
  import { SWType } from './types';
2
- declare function Switch({ disabled, onClick, onChange, name, id, checked, color, size, mode }: SWType): import("react/jsx-runtime").JSX.Element;
2
+ declare function Switch(props: SWType): import("react/jsx-runtime").JSX.Element;
3
3
  export { Switch };
@@ -8,6 +8,7 @@ export type SWType = {
8
8
  color?: string;
9
9
  size?: 'small' | 'medium' | 'large';
10
10
  mode?: 'default' | 'labelMode' | 'iconMode';
11
+ cursorPointer?: boolean;
11
12
  };
12
13
  export type SwitchContainerTypes = {
13
14
  disabled?: boolean;
@@ -20,4 +21,5 @@ export type SwitchContainerTypes = {
20
21
  size?: 'small' | 'medium' | 'large';
21
22
  labelMode?: boolean;
22
23
  iconMode?: boolean;
24
+ cursorPointer?: boolean;
23
25
  };
package/dist/index.es.js CHANGED
@@ -2066,7 +2066,7 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import n,{css as
2066
2066
  `,Ca=n.div`
2067
2067
  display: flex;
2068
2068
  cursor: pointer;
2069
- `,Aa={chevronLeft:e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M11.6736 2.5799L10.4869 1.3999L3.89355 7.9999L10.4936 14.5999L11.6736 13.4199L6.25355 7.9999L11.6736 2.5799Z",fill:L.grey.grey900})}),chevronRight:e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M4.32715 13.4199L5.50715 14.5999L12.1071 7.9999L5.50715 1.3999L4.32715 2.5799L9.74715 7.9999L4.32715 13.4199Z",fill:L.grey.grey900})}),calendar:e("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M15.8333 3.33334H15V1.66667L13.3333 1.66667V3.33334L6.66667 3.33334V1.66667L5 1.66667V3.33334H4.16667C3.24167 3.33334 2.5 4.08334 2.5 5.00001L2.5 16.6667C2.5 17.5833 3.24167 18.3333 4.16667 18.3333H15.8333C16.75 18.3333 17.5 17.5833 17.5 16.6667V5.00001C17.5 4.08334 16.75 3.33334 15.8333 3.33334ZM15.8333 16.6667H4.16667L4.16667 8.33334L15.8333 8.33334L15.8333 16.6667ZM15.8333 6.66667L4.16667 6.66667L4.16667 5.00001L15.8333 5.00001V6.66667ZM5.83333 10L10 10L10 14.1667L5.83333 14.1667L5.83333 10Z",fill:L.grey.grey400})})};var La;!function(e){var t,r;(t=e.ClockTypeEnum||(e.ClockTypeEnum={})).am="am",t.pm="pm",(r=e.DatpickerNavigationDirectionEnum||(e.DatpickerNavigationDirectionEnum={})).right="right",r.left="left"}(La||(La={}));const za=(e,t)=>!!(t>1&&e),Ba=["Su","Mo","Tu","We","Th","Fr","Sa"],ka=(e,t,r,n)=>new Mn.DateObject(((e,t,r)=>St(e).subtract(t,r))(e,t,r)[n]("week").format("YYYY-MM-DD")),Sa={TODAY:[new Mn.DateObject,new Mn.DateObject],CURRENT_WEEK:[(new Mn.DateObject).toFirstOfWeek(),(new Mn.DateObject).toLastOfWeek()],LAST_7_DAYS:[(new Mn.DateObject).subtract(6,"days"),new Mn.DateObject],LAST_WEEK:[ka(new Date,1,"week","startOf"),ka(new Date,1,"week","endOf")],LAST_2_WEEKS:[ka(new Date,2,"week","startOf"),ka(new Date,1,"week","endOf")],LAST_3_WEEKS:[ka(new Date,3,"week","startOf"),ka(new Date,1,"week","endOf")],LAST_4_WEEKS:[ka(new Date,4,"week","startOf"),ka(new Date,1,"week","endOf")],LAST_30_DAYS:[(new Mn.DateObject).subtract(29,"days"),new Mn.DateObject],THIS_MONTH:[(new Mn.DateObject).toFirstOfMonth(),(new Mn.DateObject).toLastOfMonth()],PAST_MONTH:[new Mn.DateObject(St().subtract(1,"month").startOf("month").format("YYYY-MM-DD")),new Mn.DateObject(St().subtract(1,"month").endOf("month").format("YYYY-MM-DD"))],CUSTOM_RANGE:[],NOW:[(new Mn.DateObject).set("second",0),(new Mn.DateObject).set("second",0)],LAST_HOUR:[(new Mn.DateObject).subtract(1,"hour").set("second",0),(new Mn.DateObject).set("second",0)],LAST_HALF_AN_HOUR:[(new Mn.DateObject).subtract(30,"minutes").set("second",0),(new Mn.DateObject).set("second",0)],LAST_10_MINUTES:[(new Mn.DateObject).subtract(10,"minutes").set("second",0),(new Mn.DateObject).set("second",0)],LAST_5_MINUTES:[(new Mn.DateObject).subtract(5,"minutes").set("second",0),(new Mn.DateObject).set("second",0)],YESTERDAY:[new Mn.DateObject(St().subtract(1,"day").startOf("day").format("YYYY-MM-DD")),new Mn.DateObject(St().subtract(1,"day").endOf("day").format("YYYY-MM-DD"))],CUSTOM_RANGE_LOCATION_PLAN:[new Mn.DateObject,new Mn.DateObject]},Ra=e=>{const t=[new Mn.DateObject(new Date(e?.startDate)),new Mn.DateObject(new Date(e?.endDate))];return[{title:"Today",value:()=>Sa.TODAY},{title:"Current Week",value:()=>Sa.CURRENT_WEEK},{title:"Last 7 Days",value:()=>Sa.LAST_7_DAYS},{title:"Last 30 days",value:()=>Sa.LAST_30_DAYS},{title:"This Month",value:()=>Sa.THIS_MONTH},{title:"Project Duration",value:()=>t},{title:"Custom Range",value:()=>Sa.CUSTOM_RANGE}]},Da=e=>e instanceof Mn.DateObject?!St(e.format("YYYY-MM-DD")).isSame(St().startOf("month"),"month"):!St(e).isSame(St().startOf("month"),"month"),Ia=[{key:"from",label:"From"},{key:"to",label:"To"}],Ta=e=>{const t=("0"+e).slice(-2);return"0"===t?"00":t},Na=(t,r)=>e(Va,{onClick:e=>{e.stopPropagation(),r?.(e)},children:t===La.DatpickerNavigationDirectionEnum.right?Aa.chevronRight:Aa.chevronLeft}),Fa=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],Qa=["Su","Mo","Tu","We","Th","Fr","Sa"],$a=e=>{const t=St().format("YYYY-MM-DD"),{dateRange:r,timeRange:n}=e||{},{startDate:a,endDate:c}=r||{},{from:i,to:o}=n||{};return{startDate:`${a||t}T${Ya(`${i?.hour}:${i?.minute}:${i?.clockType}`)}:00`,endDate:`${c||t}T${Ya(`${o?.hour}:${o?.minute}:${o?.clockType}`)}:00`}},Ya=e=>{const[t,r,n]=e.split(":"),a="pm"===n,c=parseInt(t),i=parseInt(r);let o=c;a&&c<12?o+=12:a&&c>12?o-=12:a||12!==c||(o=0);return`${o.toString().padStart(2,"0")}:${i.toString().padStart(2,"0")}`},Ua=e=>{const t=String(e>12?e-12:e);return Ta(t)},Wa=e=>{const{startDate:t,endDate:r}=e,[n,a]=t.split("T"),[c,i]=a.split(":"),[o,s]=r.split("T"),[l,h]=s.split(":"),v=Number(c),p=Number(l);return{startDateOnly:n,endDateOnly:o,time:{from:{hour:"00"===Ua(v)?"12":Ua(v),minute:i,clockType:v>=12?La.ClockTypeEnum.pm:La.ClockTypeEnum.am},to:{hour:"00"===Ua(p)?"12":Ua(p),minute:h,clockType:p>=12?La.ClockTypeEnum.pm:La.ClockTypeEnum.am}}}},Xa=(e,t,r)=>`${St(e).format(t)||""} ${"00"===r.hour?"12":r.hour}:${r.minute||"00"} ${r.clockType.toUpperCase()}`,Ka=(e,t)=>{const{startDateOnly:r,endDateOnly:n,time:a}=Wa(e);return`${Xa(r,t,a.from)} ~ ${Xa(n,t,a.to)}`},qa=n.div`
2069
+ `,Aa={chevronLeft:e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M11.6736 2.5799L10.4869 1.3999L3.89355 7.9999L10.4936 14.5999L11.6736 13.4199L6.25355 7.9999L11.6736 2.5799Z",fill:L.grey.grey900})}),chevronRight:e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M4.32715 13.4199L5.50715 14.5999L12.1071 7.9999L5.50715 1.3999L4.32715 2.5799L9.74715 7.9999L4.32715 13.4199Z",fill:L.grey.grey900})}),calendar:e("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M15.8333 3.33334H15V1.66667L13.3333 1.66667V3.33334L6.66667 3.33334V1.66667L5 1.66667V3.33334H4.16667C3.24167 3.33334 2.5 4.08334 2.5 5.00001L2.5 16.6667C2.5 17.5833 3.24167 18.3333 4.16667 18.3333H15.8333C16.75 18.3333 17.5 17.5833 17.5 16.6667V5.00001C17.5 4.08334 16.75 3.33334 15.8333 3.33334ZM15.8333 16.6667H4.16667L4.16667 8.33334L15.8333 8.33334L15.8333 16.6667ZM15.8333 6.66667L4.16667 6.66667L4.16667 5.00001L15.8333 5.00001V6.66667ZM5.83333 10L10 10L10 14.1667L5.83333 14.1667L5.83333 10Z",fill:L.grey.grey400})})};var La;!function(e){var t,r;(t=e.ClockTypeEnum||(e.ClockTypeEnum={})).am="am",t.pm="pm",(r=e.DatpickerNavigationDirectionEnum||(e.DatpickerNavigationDirectionEnum={})).right="right",r.left="left"}(La||(La={}));const za=(e,t)=>!!(t>1&&e),Ba=["Su","Mo","Tu","We","Th","Fr","Sa"],ka=(e,t,r,n)=>new Mn.DateObject(((e,t,r)=>St(e).subtract(t,r))(e,t,r)[n]("week").format("YYYY-MM-DD")),Sa={TODAY:[new Mn.DateObject,new Mn.DateObject],CURRENT_WEEK:[(new Mn.DateObject).toFirstOfWeek(),(new Mn.DateObject).toLastOfWeek()],LAST_7_DAYS:[(new Mn.DateObject).subtract(6,"days"),new Mn.DateObject],LAST_WEEK:[ka(new Date,1,"week","startOf"),ka(new Date,1,"week","endOf")],LAST_2_WEEKS:[ka(new Date,2,"week","startOf"),ka(new Date,1,"week","endOf")],LAST_3_WEEKS:[ka(new Date,3,"week","startOf"),ka(new Date,1,"week","endOf")],LAST_4_WEEKS:[ka(new Date,4,"week","startOf"),ka(new Date,1,"week","endOf")],LAST_30_DAYS:[(new Mn.DateObject).subtract(29,"days"),new Mn.DateObject],THIS_MONTH:[(new Mn.DateObject).toFirstOfMonth(),(new Mn.DateObject).toLastOfMonth()],PAST_MONTH:[new Mn.DateObject(St().subtract(1,"month").startOf("month").format("YYYY-MM-DD")),new Mn.DateObject(St().subtract(1,"month").endOf("month").format("YYYY-MM-DD"))],CUSTOM_RANGE:[],NOW:[(new Mn.DateObject).set("second",0),(new Mn.DateObject).set("second",0)],LAST_HOUR:[(new Mn.DateObject).subtract(1,"hour").set("second",0),(new Mn.DateObject).set("second",0)],LAST_HALF_AN_HOUR:[(new Mn.DateObject).subtract(30,"minutes").set("second",0),(new Mn.DateObject).set("second",0)],LAST_10_MINUTES:[(new Mn.DateObject).subtract(10,"minutes").set("second",0),(new Mn.DateObject).set("second",0)],LAST_5_MINUTES:[(new Mn.DateObject).subtract(5,"minutes").set("second",0),(new Mn.DateObject).set("second",0)],YESTERDAY:[new Mn.DateObject(St().subtract(1,"day").startOf("day").format("YYYY-MM-DD")),new Mn.DateObject(St().subtract(1,"day").endOf("day").format("YYYY-MM-DD"))],CUSTOM_RANGE_LOCATION_PLAN:[new Mn.DateObject,new Mn.DateObject]};const Ra=e=>{const t=function(e){return[{title:"Today",value:()=>Sa.TODAY},{title:"Current Week",value:()=>Sa.CURRENT_WEEK},{title:"Last 7 Days",value:()=>Sa.LAST_7_DAYS},{title:"Last 30 days",value:()=>Sa.LAST_30_DAYS},{title:"This Month",value:()=>Sa.THIS_MONTH},{title:"Project Duration",value:()=>e},{title:"Custom Range",value:()=>Sa.CUSTOM_RANGE}]}([new Mn.DateObject(new Date(e?.startDate)),new Mn.DateObject(new Date(e?.endDate))]);return e?.startDate&&e?.endDate?t:t?.filter((e=>"Project Duration"!==e?.title))},Da=e=>e instanceof Mn.DateObject?!St(e.format("YYYY-MM-DD")).isSame(St().startOf("month"),"month"):!St(e).isSame(St().startOf("month"),"month"),Ia=[{key:"from",label:"From"},{key:"to",label:"To"}],Ta=e=>{const t=("0"+e).slice(-2);return"0"===t?"00":t},Na=(t,r)=>e(Va,{onClick:e=>{e.stopPropagation(),r?.(e)},children:t===La.DatpickerNavigationDirectionEnum.right?Aa.chevronRight:Aa.chevronLeft}),Fa=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],Qa=["Su","Mo","Tu","We","Th","Fr","Sa"],$a=e=>{const t=St().format("YYYY-MM-DD"),{dateRange:r,timeRange:n}=e||{},{startDate:a,endDate:c}=r||{},{from:i,to:o}=n||{};return{startDate:`${a||t}T${Ya(`${i?.hour}:${i?.minute}:${i?.clockType}`)}:00`,endDate:`${c||t}T${Ya(`${o?.hour}:${o?.minute}:${o?.clockType}`)}:00`}},Ya=e=>{const[t,r,n]=e.split(":"),a="pm"===n,c=parseInt(t),i=parseInt(r);let o=c;a&&c<12?o+=12:a&&c>12?o-=12:a||12!==c||(o=0);return`${o.toString().padStart(2,"0")}:${i.toString().padStart(2,"0")}`},Ua=e=>{const t=String(e>12?e-12:e);return Ta(t)},Wa=e=>{const{startDate:t,endDate:r}=e,[n,a]=t.split("T"),[c,i]=a.split(":"),[o,s]=r.split("T"),[l,h]=s.split(":"),v=Number(c),p=Number(l);return{startDateOnly:n,endDateOnly:o,time:{from:{hour:"00"===Ua(v)?"12":Ua(v),minute:i,clockType:v>=12?La.ClockTypeEnum.pm:La.ClockTypeEnum.am},to:{hour:"00"===Ua(p)?"12":Ua(p),minute:h,clockType:p>=12?La.ClockTypeEnum.pm:La.ClockTypeEnum.am}}}},Xa=(e,t,r)=>`${St(e).format(t)||""} ${"00"===r.hour?"12":r.hour}:${r.minute||"00"} ${r.clockType.toUpperCase()}`,Ka=(e,t)=>{const{startDateOnly:r,endDateOnly:n,time:a}=Wa(e);return`${Xa(r,t,a.from)} ~ ${Xa(n,t,a.to)}`},qa=n.div`
2070
2070
  border-radius: 8px;
2071
2071
  width: fit-content;
2072
2072
  display: flex;
@@ -2278,8 +2278,8 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import n,{css as
2278
2278
  }
2279
2279
  }
2280
2280
  `;function wc(t){const{type:r,label:n,inverted:a,size:c}=t;return e(_c,{children:e("div",{className:`badge ${r||"primary"} ${c||"default"} ${a&&(r||"primary")}__${a&&"inverted"}`,children:n})})}const bc=e=>({small:"4px",medium:"5px",large:"7px"}[e]||"7px"),yc=e=>({small:"12px",medium:"16px",large:"22px"}[e]||"12px"),xc=(e,t)=>{const r={labelMode:{small:"46px",medium:"50px",large:"56px"},iconMode:{small:"36px",medium:"40px",large:"46px"}}[e][t];return"labelMode"===e?r||"46px":r||"36px"},Zc=(e,t,r)=>e&&!t?`"${r}"`:'""',Oc=(e,t)=>{if(e){return{small:"0px",medium:"2px",large:"5px"}[t]}return"5px"},Mc=n.div`
2281
- ${({size:e,color:t,labelMode:r,iconMode:n,disabled:a,checked:c,theme:i})=>`\n\n .switch-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-end;\n padding: 0px;\n cursor:${a?"not-allowed":""};\n opacity:${a?c?"0.4":"0.6":"1"};\n }\n\n .switch-container .label {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n padding: 0px;\n height: 33px;\n margin-top: 5px;\n margin-right: 10px;\n font-size: 14px;\n font-weight: bold;\n }\n\n .exact-toggle-switch {\n margin-right: 7px;\n margin-top: 0px;\n position: relative;\n width: ${r?xc("labelMode",e):n?xc("iconMode",e):"large"===e?"48px":"medium"===e?"36px":"28px"};\n display: inline-block;\n vertical-align: middle;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n text-align: left;\n display: block;\n }\n\n .exact-toggle-switch[locked="true"] {\n opacity: 0.6 !important;\n }\n\n .exact-toggle-switch-checkbox {\n position:absolute;\n width:48px;\n height:100%;\n outline:none;\n border-style:none;\n z-index:1;\n opacity:0;\n cursor:${a?"not-allowed":"pointer"};\n }\n .exact-toggle-switch-label {\n display: block;\n overflow: hidden;\n border: 0 solid #757575;\n border-radius: 16px;\n margin: 0;\n }\n .exact-toggle-switch-inner {\n display: block;\n width: 200%;\n margin-left: -100%;\n transition: margin 0.3s ease-in 0s;\n }\n .exact-toggle-switch-inner:before,\n .exact-toggle-switch-inner:after {\n display: block;\n float: left;\n width: 50%;\n height: ${"large"===e?"26px":"medium"===e?"20px":"16px"};\n padding: 2px;\n line-height: 20px;\n font-size: 14px;\n color: white;\n font-weight: bold;\n box-sizing: border-box;\n border-radius:16px;\n border:0px solid red;\n }\n .exact-toggle-switch-inner:before {\n content: ${Zc(r,n,"ON")};\n text-transform: uppercase;\n padding-left: 10px;\n padding-top:${Oc(r,e)};\n background-color: ${t||i?.secondary?.secondary100};\n color: ${L.white.white};\n font-family: Poppins;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n\n ${n&&"background-image:url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3578 1.6875H10.4216C10.2904 1.6875 10.1658 1.74777 10.0855 1.85089L4.56358 8.84598L1.91581 5.49107C1.87576 5.44022 1.82471 5.3991 1.76648 5.3708C1.70826 5.3425 1.64439 5.32776 1.57965 5.32768H0.643492C0.55376 5.32768 0.504207 5.4308 0.559117 5.50045L4.22742 10.1478C4.39885 10.3647 4.72831 10.3647 4.90108 10.1478L11.4422 1.85893C11.4971 1.79063 11.4475 1.6875 11.3578 1.6875Z' fill='white'/%3E%3C/svg%3E\")"};\n background-repeat:no-repeat;\n background-size:30%;\n background-position:left ${n?"7px":bc(e)} center;\n }\n .exact-toggle-switch .exact-switch-default-inner {\n display: block;\n width: 200%;\n margin-left: -100%;\n transition: margin 0.3s ease-in 0s;\n }\n .exact-toggle-switch .exact-switch-default-inner:before,\n .exact-toggle-switch .exact-switch-default-inner:after {\n display: block;\n float: left;\n width: 50%;\n height: 19px;\n padding: 0;\n line-height: 20px;\n font-size: 14px;\n color: white;\n font-weight: bold;\n box-sizing: border-box;\n }\n .exact-toggle-switch .exact-switch-default-inner:before {\n content: ${Zc(r,n,"ON")} !important;\n text-transform: uppercase;\n padding-right: 10px;\n color: ${L.white.white};\n font-family: Poppins;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n\n ${n&&"background-image:url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3578 1.6875H10.4216C10.2904 1.6875 10.1658 1.74777 10.0855 1.85089L4.56358 8.84598L1.91581 5.49107C1.87576 5.44022 1.82471 5.3991 1.76648 5.3708C1.70826 5.3425 1.64439 5.32776 1.57965 5.32768H0.643492C0.55376 5.32768 0.504207 5.4308 0.559117 5.50045L4.22742 10.1478C4.39885 10.3647 4.72831 10.3647 4.90108 10.1478L11.4422 1.85893C11.4971 1.79063 11.4475 1.6875 11.3578 1.6875Z' fill='white'/%3E%3C/svg%3E\")"};\n background-repeat:no-repeat;\n background-size:20%;\n background-position:center center;\n \n }\n .exact-toggle-switch-disabled {\n background-color: #ddd;\n cursor: not-allowed;\n }\n .exact-toggle-switch-disabled:before {\n background-color: #ddd;\n cursor: not-allowed;\n }\n .exact-toggle-switch-inner:after {\n content: ${Zc(r,n,"OFF")};\n font-family: Poppins;\n padding-right: 7px;\n padding-top:${Oc(r,e)};\n background-color: ${L.grey.grey300};\n box-sizing: border-box;\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n color: ${L.white.white};\n border-radius:16px;\n text-align: right;\n font-family: Poppins;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n\n ${n&&"background-image:url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.69379 5.99986L10.2094 1.80924C10.2683 1.73959 10.2188 1.63379 10.1277 1.63379H9.05897C8.99602 1.63379 8.93575 1.66191 8.89423 1.71013L5.99468 5.16682L3.09513 1.71013C3.05495 1.66191 2.99468 1.63379 2.93039 1.63379H1.86164C1.77057 1.63379 1.72102 1.73959 1.77995 1.80924L5.29557 5.99986L1.77995 10.1905C1.76675 10.206 1.75828 10.225 1.75555 10.2452C1.75282 10.2654 1.75594 10.2859 1.76454 10.3044C1.77314 10.3229 1.78686 10.3385 1.80407 10.3494C1.82129 10.3603 1.84127 10.366 1.86164 10.3659H2.93039C2.99334 10.3659 3.05361 10.3378 3.09513 10.2896L5.99468 6.8329L8.89423 10.2896C8.93441 10.3378 8.99468 10.3659 9.05897 10.3659H10.1277C10.2188 10.3659 10.2683 10.2601 10.2094 10.1905L6.69379 5.99986Z' fill='white'/%3E%3C/svg%3E\")"};\n background-repeat:no-repeat;\n background-size:30%;\n background-position:right ${n?"7px":bc(e)} center;\n }\n\n .exact-toggle-switch-switch {\n display: block;\n width: ${yc(e)};\n height: ${yc(e)};\n margin: 0px;\n background: ${L.white.white};\n position: absolute;\n top: 2px;\n bottom: 2px;\n left: 2px;\n border-radius: 16px;\n transition: all 0.3s ease-in 0s;\n filter: drop-shadow(0px 2px 4px rgba(0, 35, 11, 0.20)); \n }\n .exact-toggle-switch-checkbox:checked\n + .exact-toggle-switch-label\n .exact-toggle-switch-inner {\n margin-left: 0px;\n }\n .exact-toggle-switch-checkbox:checked\n + .exact-toggle-switch-label\n .exact-toggle-switch-switch {\n margin-left: ${((e,t,r)=>e?"30px":t?"20px":{large:"22px",medium:"16px",small:"12px"}[r]||"12px")(r,n,e)};\n background:white;\n }\n `}
2282
- `;function Ec({disabled:r,onClick:n,onChange:a,name:c,id:i,checked:o,color:s,size:l,mode:h}){return e(Mc,{disabled:r||!1,checked:o||!1,color:s,size:l||"large",labelMode:"labelMode"===h||!1,iconMode:"iconMode"===h||!1,children:e("div",{className:"switch-container",children:t("div",{className:"exact-toggle-switch",onClick:()=>{n&&n()},children:[e("input",{onChange:e=>{r||a(e)},disabled:r,type:"checkbox",checked:o,className:"exact-toggle-switch-checkbox",name:c,id:i}),t("label",{className:"exact-toggle-switch-label",htmlFor:"toggleSwitch",children:[e("span",{className:"exact-toggle-switch-inner"}),e("span",{className:"exact-toggle-switch-switch"})]})]})})})}const Hc=n.div`
2281
+ ${({size:e,color:t,labelMode:r,iconMode:n,disabled:a,checked:c,theme:i,cursorPointer:o})=>`\n\n .switch-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-end;\n padding: 0px;\n cursor:${a?"not-allowed":""};\n opacity:${a?c?"0.4":"0.6":"1"};\n }\n\n .switch-container .label {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n padding: 0px;\n height: 33px;\n margin-top: 5px;\n margin-right: 10px;\n font-size: 14px;\n font-weight: bold;\n }\n\n .exact-toggle-switch {\n margin-right: 7px;\n margin-top: 0px;\n position: relative;\n width: ${r?xc("labelMode",e):n?xc("iconMode",e):"large"===e?"48px":"medium"===e?"36px":"28px"};\n display: inline-block;\n vertical-align: middle;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n text-align: left;\n display: block;\n }\n\n .exact-toggle-switch[locked="true"] {\n opacity: 0.6 !important;\n }\n\n .exact-toggle-switch-checkbox {\n position:absolute;\n width:48px;\n height:100%;\n outline:none;\n border-style:none;\n z-index:1;\n opacity:0;\n cursor: ${a?"not-allowed":o?"pointer":"default"};\n }\n .exact-toggle-switch-label {\n display: block;\n overflow: hidden;\n border: 0 solid #757575;\n border-radius: 16px;\n margin: 0;\n }\n .exact-toggle-switch-inner {\n display: block;\n width: 200%;\n margin-left: -100%;\n transition: margin 0.3s ease-in 0s;\n }\n .exact-toggle-switch-inner:before,\n .exact-toggle-switch-inner:after {\n display: block;\n float: left;\n width: 50%;\n height: ${"large"===e?"26px":"medium"===e?"20px":"16px"};\n padding: 2px;\n line-height: 20px;\n font-size: 14px;\n color: white;\n font-weight: bold;\n box-sizing: border-box;\n border-radius:16px;\n border:0px solid red;\n }\n .exact-toggle-switch-inner:before {\n content: ${Zc(r,n,"ON")};\n text-transform: uppercase;\n padding-left: 10px;\n padding-top:${Oc(r,e)};\n background-color: ${t||i?.secondary?.secondary100};\n color: ${L.white.white};\n font-family: Poppins;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n\n ${n&&"background-image:url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3578 1.6875H10.4216C10.2904 1.6875 10.1658 1.74777 10.0855 1.85089L4.56358 8.84598L1.91581 5.49107C1.87576 5.44022 1.82471 5.3991 1.76648 5.3708C1.70826 5.3425 1.64439 5.32776 1.57965 5.32768H0.643492C0.55376 5.32768 0.504207 5.4308 0.559117 5.50045L4.22742 10.1478C4.39885 10.3647 4.72831 10.3647 4.90108 10.1478L11.4422 1.85893C11.4971 1.79063 11.4475 1.6875 11.3578 1.6875Z' fill='white'/%3E%3C/svg%3E\")"};\n background-repeat:no-repeat;\n background-size:30%;\n background-position:left ${n?"7px":bc(e)} center;\n }\n .exact-toggle-switch .exact-switch-default-inner {\n display: block;\n width: 200%;\n margin-left: -100%;\n transition: margin 0.3s ease-in 0s;\n }\n .exact-toggle-switch .exact-switch-default-inner:before,\n .exact-toggle-switch .exact-switch-default-inner:after {\n display: block;\n float: left;\n width: 50%;\n height: 19px;\n padding: 0;\n line-height: 20px;\n font-size: 14px;\n color: white;\n font-weight: bold;\n box-sizing: border-box;\n }\n .exact-toggle-switch .exact-switch-default-inner:before {\n content: ${Zc(r,n,"ON")} !important;\n text-transform: uppercase;\n padding-right: 10px;\n color: ${L.white.white};\n font-family: Poppins;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n\n ${n&&"background-image:url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3578 1.6875H10.4216C10.2904 1.6875 10.1658 1.74777 10.0855 1.85089L4.56358 8.84598L1.91581 5.49107C1.87576 5.44022 1.82471 5.3991 1.76648 5.3708C1.70826 5.3425 1.64439 5.32776 1.57965 5.32768H0.643492C0.55376 5.32768 0.504207 5.4308 0.559117 5.50045L4.22742 10.1478C4.39885 10.3647 4.72831 10.3647 4.90108 10.1478L11.4422 1.85893C11.4971 1.79063 11.4475 1.6875 11.3578 1.6875Z' fill='white'/%3E%3C/svg%3E\")"};\n background-repeat:no-repeat;\n background-size:20%;\n background-position:center center;\n \n }\n .exact-toggle-switch-disabled {\n background-color: #ddd;\n cursor: not-allowed;\n }\n .exact-toggle-switch-disabled:before {\n background-color: #ddd;\n cursor: not-allowed;\n }\n .exact-toggle-switch-inner:after {\n content: ${Zc(r,n,"OFF")};\n font-family: Poppins;\n padding-right: 7px;\n padding-top:${Oc(r,e)};\n background-color: ${L.grey.grey300};\n box-sizing: border-box;\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n color: ${L.white.white};\n border-radius:16px;\n text-align: right;\n font-family: Poppins;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n\n ${n&&"background-image:url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.69379 5.99986L10.2094 1.80924C10.2683 1.73959 10.2188 1.63379 10.1277 1.63379H9.05897C8.99602 1.63379 8.93575 1.66191 8.89423 1.71013L5.99468 5.16682L3.09513 1.71013C3.05495 1.66191 2.99468 1.63379 2.93039 1.63379H1.86164C1.77057 1.63379 1.72102 1.73959 1.77995 1.80924L5.29557 5.99986L1.77995 10.1905C1.76675 10.206 1.75828 10.225 1.75555 10.2452C1.75282 10.2654 1.75594 10.2859 1.76454 10.3044C1.77314 10.3229 1.78686 10.3385 1.80407 10.3494C1.82129 10.3603 1.84127 10.366 1.86164 10.3659H2.93039C2.99334 10.3659 3.05361 10.3378 3.09513 10.2896L5.99468 6.8329L8.89423 10.2896C8.93441 10.3378 8.99468 10.3659 9.05897 10.3659H10.1277C10.2188 10.3659 10.2683 10.2601 10.2094 10.1905L6.69379 5.99986Z' fill='white'/%3E%3C/svg%3E\")"};\n background-repeat:no-repeat;\n background-size:30%;\n background-position:right ${n?"7px":bc(e)} center;\n }\n\n .exact-toggle-switch-switch {\n display: block;\n width: ${yc(e)};\n height: ${yc(e)};\n margin: 0px;\n background: ${L.white.white};\n position: absolute;\n top: 2px;\n bottom: 2px;\n left: 2px;\n border-radius: 16px;\n transition: all 0.3s ease-in 0s;\n filter: drop-shadow(0px 2px 4px rgba(0, 35, 11, 0.20)); \n }\n .exact-toggle-switch-checkbox:checked\n + .exact-toggle-switch-label\n .exact-toggle-switch-inner {\n margin-left: 0px;\n }\n .exact-toggle-switch-checkbox:checked\n + .exact-toggle-switch-label\n .exact-toggle-switch-switch {\n margin-left: ${((e,t,r)=>e?"30px":t?"20px":{large:"22px",medium:"16px",small:"12px"}[r]||"12px")(r,n,e)};\n background:white;\n }\n `}
2282
+ `;function Ec(r){const{disabled:n,onClick:a,onChange:c,name:i,id:o,checked:s,color:l,size:h,mode:v,cursorPointer:p=!0}=r;return e(Mc,{disabled:n||!1,checked:s||!1,color:l,size:h||"large",labelMode:"labelMode"===v||!1,iconMode:"iconMode"===v||!1,cursorPointer:p,children:e("div",{className:"switch-container",children:t("div",{className:"exact-toggle-switch",onClick:()=>{a&&a()},children:[e("input",{onChange:e=>{n||c(e)},disabled:n,type:"checkbox",checked:s,className:"exact-toggle-switch-checkbox",name:i,id:o}),t("label",{className:"exact-toggle-switch-label",htmlFor:"toggleSwitch",children:[e("span",{className:"exact-toggle-switch-inner"}),e("span",{className:"exact-toggle-switch-switch"})]})]})})})}const Hc=n.div`
2283
2283
  .disabled {
2284
2284
  opacity: 0.6;
2285
2285
  cursor: not-allowed !important;