@mmb-digital/design-system-web 0.1.49 → 0.1.51
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +16 -20
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.esm.js +26 -30
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -1239,7 +1239,7 @@ function uc(e,t,n){return t=kc(t),function(e,t){if(t&&("object"==typeof t||"func
|
|
|
1239
1239
|
1.125 * ${({theme:e})=>e.font.size.body.md}
|
|
1240
1240
|
);
|
|
1241
1241
|
line-height: ${({theme:e})=>e.font.lineHeight.body.md};
|
|
1242
|
-
color: ${({theme:e})=>e.
|
|
1242
|
+
color: ${({theme:e})=>e.palette.blue1000};
|
|
1243
1243
|
`,Sd=t.input`
|
|
1244
1244
|
${Ed};
|
|
1245
1245
|
box-sizing: border-box;
|
|
@@ -1387,7 +1387,7 @@ function uc(e,t,n){return t=kc(t),function(e,t){if(t&&("object"==typeof t||"func
|
|
|
1387
1387
|
display: flex;
|
|
1388
1388
|
flex-direction: column;
|
|
1389
1389
|
${({childrenWidth:e})=>void 0===e?"":`width: ${e}`};
|
|
1390
|
-
`,Bd=n=>{const{children:r,childrenWidth:o,colorScheme:a=exports.ColorScheme.light,errorMessage:i,hasError:s,hintText:l,id:c,label:u,labelSuffix:p,layout:h=exports.FieldWrapperLayout.vertical,tooltip:f}=n,m=t.useTheme(),g=H(a),b=(()=>{switch(h){case exports.FieldWrapperLayout.vertical:return e.Fragment;case exports.FieldWrapperLayout.horizontal:return Rd;default:throw new Error("unexpected value of enum FieldWrapperLayout fieldWrapper.tsx LabelAndHintWrapper")}})(),v=(()=>{switch(h){case exports.FieldWrapperLayout.vertical:return e.Fragment;case exports.FieldWrapperLayout.horizontal:return Wd;default:throw new Error("unexpected value of enum FieldWrapperLayout fieldWrapper.tsx FieldAndErrorWrapper")}})();return e.createElement(Pd,{layout:h},(void 0!==u||void 0!==l)&&e.createElement(b,null,void 0!==u&&e.createElement(Od,{hasError:s,id:c,label:u,suffix:p,tooltip:f}),void 0!==l&&e.createElement(d,{color:g(m.colors.fg.neutral.subtle),variant:exports.TypographyVariant.TEXT_SM,weight:exports.TypographyWeight.REGULAR_400},l)),e.createElement(v,{childrenWidth:o},r,!0===s&&void 0!==i&&""!==i&&e.createElement("div",null,e.createElement(d,{color:g(m.colors.fg.error),variant:exports.TypographyVariant.TEXT_SM,weight:exports.TypographyWeight.REGULAR_400},i))))},Vd=e=>void 0!==e?e:Ct.encode(Math.random().toString()),Gd=t=>e.useMemo((()=>Vd(t)),[t]),Fd=e.forwardRef((function(t,n){const{
|
|
1390
|
+
`,Bd=n=>{const{children:r,childrenWidth:o,colorScheme:a=exports.ColorScheme.light,errorMessage:i,hasError:s,hintText:l,id:c,label:u,labelSuffix:p,layout:h=exports.FieldWrapperLayout.vertical,tooltip:f}=n,m=t.useTheme(),g=H(a),b=(()=>{switch(h){case exports.FieldWrapperLayout.vertical:return e.Fragment;case exports.FieldWrapperLayout.horizontal:return Rd;default:throw new Error("unexpected value of enum FieldWrapperLayout fieldWrapper.tsx LabelAndHintWrapper")}})(),v=(()=>{switch(h){case exports.FieldWrapperLayout.vertical:return e.Fragment;case exports.FieldWrapperLayout.horizontal:return Wd;default:throw new Error("unexpected value of enum FieldWrapperLayout fieldWrapper.tsx FieldAndErrorWrapper")}})();return e.createElement(Pd,{layout:h},(void 0!==u||void 0!==l)&&e.createElement(b,null,void 0!==u&&e.createElement(Od,{hasError:s,id:c,label:u,suffix:p,tooltip:f}),void 0!==l&&e.createElement(d,{color:g(m.colors.fg.neutral.subtle),variant:exports.TypographyVariant.TEXT_SM,weight:exports.TypographyWeight.REGULAR_400},l)),e.createElement(v,{childrenWidth:o},r,!0===s&&void 0!==i&&""!==i&&e.createElement("div",null,e.createElement(d,{color:g(m.colors.fg.error),variant:exports.TypographyVariant.TEXT_SM,weight:exports.TypographyWeight.REGULAR_400},i))))},Vd=e=>void 0!==e?e:Ct.encode(Math.random().toString()),Gd=t=>e.useMemo((()=>Vd(t)),[t]),Fd=e.forwardRef((function(t,n){const{colorInput:r,errorMessage:o,hasError:a,hintText:i,id:s,label:l,labelSuffix:c,layout:u,tooltip:d}=t,p=Po(t,["colorInput","errorMessage","hasError","hintText","id","label","labelSuffix","layout","tooltip"]),h=Gd(s);return e.createElement(Bd,{errorMessage:o,hasError:a,hintText:i,id:h,label:l,labelSuffix:c,layout:u,tooltip:d},e.createElement(Ad,Object.assign({colorInput:r,hasError:a,id:h,ref:n,type:"email"},p)))})),Hd=e.forwardRef((function(t,n){const{colorInput:r,errorMessage:o,hasError:a,hintText:i,id:s,label:l,labelSuffix:c,layout:u,tooltip:d}=t,p=Po(t,["colorInput","errorMessage","hasError","hintText","id","label","labelSuffix","layout","tooltip"]),h=Gd(s);return e.createElement(Bd,{errorMessage:o,hasError:a,hintText:i,id:h,label:l,labelSuffix:c,layout:u,tooltip:d},e.createElement(Ad,Object.assign({colorInput:r,hasError:a,id:h,ref:n,type:"tel"},p)))})),_d=e.forwardRef((function(t,n){const{buttonAction:r,buttonText:o,colorInput:a,errorMessage:i,hasError:s,hintText:l,id:c,label:u,labelSuffix:d,layout:p,size:h,tooltip:f}=t,m=Po(t,["buttonAction","buttonText","colorInput","errorMessage","hasError","hintText","id","label","labelSuffix","layout","size","tooltip"]),g=Gd(c);return e.createElement(Bd,{errorMessage:i,hasError:s,hintText:l,id:g,label:u,labelSuffix:d,layout:p,tooltip:f},e.createElement(Ad,Object.assign({button:e.createElement(we,{buttonStyle:exports.ButtonStyle.PRIMARY,disabled:s,size:h===exports.InputSize.XL?exports.ButtonSize.MD:exports.ButtonSize.SM,onClick:r},o),colorInput:a,hasError:s,icon:e.createElement(oe,{size:exports.IconSystemSize.big,type:exports.IconSystemType.search}),id:g,ref:n,size:h,type:"text"},m)))})),Xd=t.div`
|
|
1391
1391
|
display: grid;
|
|
1392
1392
|
/* stylelint-disable named-grid-areas-no-invalid */
|
|
1393
1393
|
grid-template-areas: ${({isInputNoteVisible:e,isInputVisible:t,mediaType:n})=>{switch(!0){case n===exports.MediaType.mobile&&!t:return"\n \t'label'\n \t'slider'\n \t\t";case n===exports.MediaType.mobile&&t&&e:return"\n \t'label input'\n \t'label inputNote'\n \t'slider slider'\n \t\t";case n===exports.MediaType.mobile&&t&&!e:return"\n \t'label input'\n \t'slider slider'\n \t\t";case n===exports.MediaType.desktop&&!t:return"\n \t 'label'\n\t 'slider'\n \t\t ";case n===exports.MediaType.desktop&&t&&e:return"\n \t 'label label'\n\t 'slider input'\n\t '. inputNote'\n \t\t ";case n===exports.MediaType.desktop&&t&&!e:return"\n \t 'label label'\n\t 'slider input'\n \t\t ";default:throw new Error("unexpected MediaType in sliderInput.style.ts Wrapper grid-template-areas")}}};
|
|
@@ -1413,7 +1413,7 @@ function uc(e,t,n){return t=kc(t),function(e,t){if(t&&("object"==typeof t||"func
|
|
|
1413
1413
|
`,jd=t.div`
|
|
1414
1414
|
display: flex;
|
|
1415
1415
|
grid-area: slider;
|
|
1416
|
-
`,Zd=e=>e.replace(/[^\d]/g,"").replace(/\B(?=(\d{3})+(?!\d))/g," "),Jd=e=>e.replace(/\s/g,""),Ud=e.forwardRef((function(n,r){const{colorScheme:o=exports.ColorScheme.light,disabled:a,hasError:i=!1,id:s,inputNote:l,isInputHidden:c=!1,label:u,mediaType:p,minMax:h,minMaxLabels:f,name:m,onBlur:g,onChange:b,prefix:v,steps:y,stepType:x,suffix:w}=n,k=t.useTheme(),C=H(o),I=Gd(s),[E,S]=e.useState(void 0),T=e.useRef(null);e.useEffect((()=>{if(null!==r){if("function"==typeof r)return void r(T.current);r.current=T.current}}),[r]),e.useEffect((()=>{var e;if(void 0!==(null===(e=T.current)||void 0===e?void 0:e.value)&&void 0!==E){const e=document.getElementById(I);Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"value").set.call(e,Zd(E.toString()));const t=new Event("input",{bubbles:!0});e.dispatchEvent(t)}}),[I,E]),e.useEffect((()=>{S(T.current.value)}),[]);const D=e.useCallback((e=>{S(e)}),[]),M=e.useCallback((()=>{const e=document.activeElement;if(null!==T.current){if(T.current.focus(),null===e||"function"!=typeof e.focus)return void T.current.blur();e.focus()}}),[]),L=e.useCallback((e=>Ro(this,void 0,void 0,(function*(){const t=e.target.value,n=Number.parseInt(Jd(t));let r;switch(!0){case Number.isNaN(n):case n<h.min:r=h.min;break;case n>h.max:r=h.max;break;default:r=n}e.target.value=Zd(r.toString()),S(r),void 0!==g&&(yield g(e))}))),[h.max,h.min,g]),A=e.useCallback((e=>Ro(this,void 0,void 0,(function*(){e.target.value=Zd(Jd(e.target.value)),void 0!==b&&(yield b(e))}))),[b]);return e.createElement(Xd,{isInputNoteVisible:void 0!==l,isInputVisible:!c,mediaType:p},e.createElement(zd,null,e.createElement("label",{htmlFor:I},e.createElement(d,{color:C(i?k.colors.fg.error:k.colors.fg.neutral.default),variant:exports.TypographyVariant.TEXT_MD,weight:exports.TypographyWeight.MEDIUM_500},u.element,e.createElement(ia,{displayMethod:exports.TooltipInfoDisplayMethod.WITH_NBSP,floatingElement:u.tooltip})))),e.createElement(Yd,{isInputHidden:c},e.createElement(Ad,{colorInput:C(k.colors.fg.neutral.default),disabled:a,hasError:i,id:I,name:m,prefix:v,ref:T,size:exports.InputSize.MD,suffix:w,textAlign:yd.right,onBlur:L,onChange:A})),void 0!==l&&!c&&e.createElement($d,null,e.createElement(d,{variant:exports.TypographyVariant.TEXT_MD},l)),void 0!==E&&e.createElement(jd,null,e.createElement(It,{colorScheme:o,disable:a,max:h.max,min:h.min,minMaxLabels:f,steps:y,stepType:x,value:E,onFinalChange:M,onChange:D})))})),Qd=e.forwardRef((function(t,n){const{
|
|
1416
|
+
`,Zd=e=>e.replace(/[^\d]/g,"").replace(/\B(?=(\d{3})+(?!\d))/g," "),Jd=e=>e.replace(/\s/g,""),Ud=e.forwardRef((function(n,r){const{colorScheme:o=exports.ColorScheme.light,disabled:a,hasError:i=!1,id:s,inputNote:l,isInputHidden:c=!1,label:u,mediaType:p,minMax:h,minMaxLabels:f,name:m,onBlur:g,onChange:b,prefix:v,steps:y,stepType:x,suffix:w}=n,k=t.useTheme(),C=H(o),I=Gd(s),[E,S]=e.useState(void 0),T=e.useRef(null);e.useEffect((()=>{if(null!==r){if("function"==typeof r)return void r(T.current);r.current=T.current}}),[r]),e.useEffect((()=>{var e;if(void 0!==(null===(e=T.current)||void 0===e?void 0:e.value)&&void 0!==E){const e=document.getElementById(I);Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"value").set.call(e,Zd(E.toString()));const t=new Event("input",{bubbles:!0});e.dispatchEvent(t)}}),[I,E]),e.useEffect((()=>{S(T.current.value)}),[]);const D=e.useCallback((e=>{S(e)}),[]),M=e.useCallback((()=>{const e=document.activeElement;if(null!==T.current){if(T.current.focus(),null===e||"function"!=typeof e.focus)return void T.current.blur();e.focus()}}),[]),L=e.useCallback((e=>Ro(this,void 0,void 0,(function*(){const t=e.target.value,n=Number.parseInt(Jd(t));let r;switch(!0){case Number.isNaN(n):case n<h.min:r=h.min;break;case n>h.max:r=h.max;break;default:r=n}e.target.value=Zd(r.toString()),S(r),void 0!==g&&(yield g(e))}))),[h.max,h.min,g]),A=e.useCallback((e=>Ro(this,void 0,void 0,(function*(){e.target.value=Zd(Jd(e.target.value)),void 0!==b&&(yield b(e))}))),[b]);return e.createElement(Xd,{isInputNoteVisible:void 0!==l,isInputVisible:!c,mediaType:p},e.createElement(zd,null,e.createElement("label",{htmlFor:I},e.createElement(d,{color:C(i?k.colors.fg.error:k.colors.fg.neutral.default),variant:exports.TypographyVariant.TEXT_MD,weight:exports.TypographyWeight.MEDIUM_500},u.element,e.createElement(ia,{displayMethod:exports.TooltipInfoDisplayMethod.WITH_NBSP,floatingElement:u.tooltip})))),e.createElement(Yd,{isInputHidden:c},e.createElement(Ad,{colorInput:C(k.colors.fg.neutral.default),disabled:a,hasError:i,id:I,name:m,prefix:v,ref:T,size:exports.InputSize.MD,suffix:w,textAlign:yd.right,onBlur:L,onChange:A})),void 0!==l&&!c&&e.createElement($d,null,e.createElement(d,{variant:exports.TypographyVariant.TEXT_MD},l)),void 0!==E&&e.createElement(jd,null,e.createElement(It,{colorScheme:o,disable:a,max:h.max,min:h.min,minMaxLabels:f,steps:y,stepType:x,value:E,onFinalChange:M,onChange:D})))})),Qd=e.forwardRef((function(t,n){const{colorInput:r,errorMessage:o,hasError:a,hintText:i,id:s,label:l,labelSuffix:c,layout:u,tooltip:d}=t,p=Po(t,["colorInput","errorMessage","hasError","hintText","id","label","labelSuffix","layout","tooltip"]),h=Gd(s);return e.createElement(Bd,{errorMessage:o,hasError:a,hintText:i,id:h,label:l,labelSuffix:c,layout:u,tooltip:d},e.createElement(Ad,Object.assign({colorInput:r,hasError:a,id:h,ref:n,type:"text"},p)))})),Kd=t.div`
|
|
1417
1417
|
width: ${({childrenWidth:e})=>null!=e?e:"100%"};
|
|
1418
1418
|
`,qd=e.forwardRef((function(t,n){const{childrenWidth:r,errorMessage:o,hasError:a,hintText:i,id:s,label:l,labelSuffix:c,layout:u,tooltip:d}=t,p=Po(t,["childrenWidth","errorMessage","hasError","hintText","id","label","labelSuffix","layout","tooltip"]),h=Gd(s);return e.createElement(Bd,{errorMessage:o,hasError:a,hintText:i,id:h,label:l,labelSuffix:c,layout:u,tooltip:d},e.createElement(Kd,{childrenWidth:r},e.createElement(Ad,Object.assign({hasError:a,id:h,ref:n,textAlign:yd.right,type:"text"},p))))})),ep=e.forwardRef(((t,n)=>{const{innerRef:r}=t,a=Po(t,["innerRef"]),i=(s=[r,n],o.useMemo((()=>s.every((e=>null==e))?null:e=>{s.forEach((t=>{"function"==typeof t?t(e):null!=t&&(t.current=e)}))}),s));var s;return e.createElement(Ad,Object.assign({},a,{ref:i}))}));var tp,np,rp;ep.displayName="InputBaseWithInnerRef",tp="cs",np=dd,(rp="undefined"!=typeof window?window:globalThis).__localeData__||(rp.__localeData__={}),rp.__localeData__[tp]=np;const op=["dd.MM.yyyy","dd. MM. yyyy"],ap=e.forwardRef(((t,n)=>{const{hasError:r,locale:o,name:a,nextMonthAriaLabel:i,previousMonthAriaLabel:s,startDate:l}=t,c=Po(t,["hasError","locale","name","nextMonthAriaLabel","previousMonthAriaLabel","startDate"]);return e.createElement(nd,Object.assign({calendarContainer:({children:t})=>e.createElement(wd,{role:"dialog"},e.createElement(kd,{id:"datepicker-prevMonth"},s),e.createElement(kd,{id:"datepicker-nextMonth"},i),t),customInput:e.createElement(ep,{hasError:r,icon:e.createElement(oe,{size:exports.IconSystemSize.small,type:exports.IconSystemType.event}),innerRef:n,name:a,size:exports.InputSize.MD}),dateFormat:op,locale:null!=o?o:"cs",popperContainer:Cd,renderCustomHeader:bd,selected:l,showPopperArrow:!1,showTimeSelect:!1},c))}));var ip;ap.displayName="DatePicker",exports.CheckboxPosition=void 0,(ip=exports.CheckboxPosition||(exports.CheckboxPosition={})).left="left",ip.right="right";const sp="24px",lp=t.label`
|
|
1419
1419
|
display: flex;
|
|
@@ -1484,6 +1484,7 @@ function uc(e,t,n){return t=kc(t),function(e,t){if(t&&("object"==typeof t||"func
|
|
|
1484
1484
|
top: calc((${sp} - ${fd.font.lineHeight.body.sm}) / 2);
|
|
1485
1485
|
|
|
1486
1486
|
label {
|
|
1487
|
+
display: inherit;
|
|
1487
1488
|
margin: 0;
|
|
1488
1489
|
font-size: inherit;
|
|
1489
1490
|
font-weight: inherit;
|
|
@@ -1670,10 +1671,6 @@ function uc(e,t,n){return t=kc(t),function(e,t){if(t&&("object"==typeof t||"func
|
|
|
1670
1671
|
div[role='option'] {
|
|
1671
1672
|
display: flex;
|
|
1672
1673
|
align-items: center;
|
|
1673
|
-
|
|
1674
|
-
svg {
|
|
1675
|
-
margin-right: ${({theme:e})=>e.spacing.xxs};
|
|
1676
|
-
}
|
|
1677
1674
|
}
|
|
1678
1675
|
}
|
|
1679
1676
|
`,Rb=t.div`
|
|
@@ -1691,20 +1688,19 @@ function uc(e,t,n){return t=kc(t),function(e,t){if(t&&("object"==typeof t||"func
|
|
|
1691
1688
|
overflow: hidden;
|
|
1692
1689
|
text-overflow: ellipsis;
|
|
1693
1690
|
white-space: nowrap;
|
|
1694
|
-
|
|
1695
|
-
svg {
|
|
1696
|
-
margin-right: ${({theme:e})=>e.spacing.xxs};
|
|
1697
|
-
}
|
|
1698
|
-
`;var Bb;!function(e){e.ASYNC_CREATABLE_SELECT="AsyncCreatableSelect",e.ASYNC_SELECT="AsyncSelect",e.CREATABLE_SELECT="CreatableSelect",e.REACT_SELECT="ReactSelect"}(Bb||(Bb={}));const Vb={Control:t=>{const{children:n,innerProps:r,innerRef:o,isDisabled:a,isFocused:i,selectProps:s}=t,l="isError"in s&&"boolean"==typeof s.isError&&s.isError;return e.createElement(Pb,Object.assign({"aria-disabled":a||void 0,isDisabled:a,isError:l,isFocused:i,ref:o},r),n)},DropdownIndicator:t=>{const{isFocused:n}=t;return e.createElement(Rb,{isFocused:n},e.createElement(Ob,null))},IndicatorSeparator:null,Option:t=>{var n;const{children:r,data:o}=t,a=Po(t,["children","data"]);return e.createElement(xg.Option,Object.assign({data:o},a),null!==(n=o.icon)&&void 0!==n?n:null," ",r)},SingleValue:t=>{var n;const{children:r,data:o}=t;return e.createElement(Wb,null,null!==(n=o.icon)&&void 0!==n?n:null,r)}},Gb=e.forwardRef(((n,r)=>{const o=t.useTheme(),{customComponents:a,isError:i=!1,options:s,type:l}=n,c=Po(n,["customComponents","isError","options","type"]);let u;switch(l){case Bb.ASYNC_CREATABLE_SELECT:u=Ab;break;case Bb.CREATABLE_SELECT:u=Db;break;case Bb.ASYNC_SELECT:u=Nb;break;default:u=Cb}return e.createElement(u,Object.assign({components:Object.assign(Object.assign({},Vb),a),isClearable:!1,isSearchable:!1,options:s,ref:r,theme:e=>Object.assign(Object.assign({},e),{colors:Object.assign(Object.assign({},e.colors),{primary:!0===i?o.colors.fg.error.light:o.colors.border.brand.default.light,neutral60:!0===i?o.colors.fg.error.light:o.colors.border.neutral.default.light})})},c,{isError:i}))}));Gb.displayName="SelectBase";var Fb=e=>null==e;var Hb=e=>!Fb(e)&&!Array.isArray(e)&&(e=>"object"==typeof e)(e)&&!(e=>e instanceof Date)(e),_b=e=>Hb(e)&&e.target?"checkbox"===e.target.type?e.target.checked:e.target.value:e,Xb=e=>{const t=e.constructor&&e.constructor.prototype;return Hb(t)&&t.hasOwnProperty("isPrototypeOf")},zb="undefined"!=typeof window&&void 0!==window.HTMLElement&&"undefined"!=typeof document;function Yb(e){let t;const n=Array.isArray(e);if(e instanceof Date)t=new Date(e);else if(e instanceof Set)t=new Set(e);else{if(zb&&(e instanceof Blob||e instanceof FileList)||!n&&!Hb(e))return e;if(t=n?[]:{},n||Xb(e))for(const n in e)e.hasOwnProperty(n)&&(t[n]=Yb(e[n]));else t=e}return t}var $b=e=>Array.isArray(e)?e.filter(Boolean):[],jb=e=>void 0===e,Zb=(e,t,n)=>{if(!t||!Hb(e))return n;const r=$b(t.split(/[,[\].]+?/)).reduce(((e,t)=>Fb(e)?e:e[t]),e);return jb(r)||r===e?jb(e[t])?n:e[t]:r},Jb=e=>"boolean"==typeof e;const Ub="blur",Qb="change",Kb="all",qb=e.createContext(null),ev=()=>e.useContext(qb);var tv=(e,t,n,r=!0)=>{const o={defaultValues:t._defaultValues};for(const a in e)Object.defineProperty(o,a,{get:()=>{const o=a;return t._proxyFormState[o]!==Kb&&(t._proxyFormState[o]=!r||Kb),n&&(n[o]=!0),e[o]}});return o},nv=(e,t,n,r)=>{n(e);const{name:o,...a}=e;return Hb(i=a)&&!Object.keys(i).length||Object.keys(a).length>=Object.keys(t).length||Object.keys(a).find((e=>t[e]===(!r||Kb)));var i},rv=(e,t,n)=>{return!e||!t||e===t||(r=e,Array.isArray(r)?r:[r]).some((e=>e&&(n?e===t:e.startsWith(t)||t.startsWith(e))));var r};function ov(t){const n=e.useRef(t);n.current=t,e.useEffect((()=>{const e=!t.disabled&&n.current.subject&&n.current.subject.subscribe({next:n.current.next});return()=>{e&&e.unsubscribe()}}),[t.disabled])}var av=(e,t,n,r,o)=>"string"==typeof e?(r&&t.watch.add(e),Zb(n,e,o)):Array.isArray(e)?e.map((e=>(r&&t.watch.add(e),Zb(n,e)))):(r&&(t.watchAll=!0),n);var iv=(e,t,n)=>{let r=-1;const o=(e=>/^\w*$/.test(e))(t)?[t]:$b(t.replace(/["|']|\]/g,"").split(/\.|\[/));const a=o.length,i=a-1;for(;++r<a;){const t=o[r];let a=n;if(r!==i){const n=e[t];a=Hb(n)||Array.isArray(n)?n:isNaN(+o[r+1])?{}:[]}e[t]=a,e=e[t]}return e};function sv(t){const n=ev(),{name:r,disabled:o,control:a=n.control,shouldUnregister:i}=t,s=((e,t)=>e.has((e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e)(t)))(a._names.array,r),l=function(t){const n=ev(),{control:r=n.control,name:o,defaultValue:a,disabled:i,exact:s}=t||{},l=e.useRef(o);l.current=o,ov({disabled:i,subject:r._subjects.values,next:e=>{rv(l.current,e.name,s)&&u(Yb(av(l.current,r._names,e.values||r._formValues,!1,a)))}});const[c,u]=e.useState(r._getWatch(o,a));return e.useEffect((()=>r._removeUnmounted())),c}({control:a,name:r,defaultValue:Zb(a._formValues,r,Zb(a._defaultValues,r,t.defaultValue)),exact:!0}),c=function(t){const n=ev(),{control:r=n.control,disabled:o,name:a,exact:i}=t||{},[s,l]=e.useState(r._formState),c=e.useRef(!0),u=e.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1}),d=e.useRef(a);return d.current=a,ov({disabled:o,next:e=>c.current&&rv(d.current,e.name,i)&&nv(e,u.current,r._updateFormState)&&l({...r._formState,...e}),subject:r._subjects.state}),e.useEffect((()=>(c.current=!0,u.current.isValid&&r._updateValid(!0),()=>{c.current=!1})),[r]),tv(s,r,u.current,!1)}({control:a,name:r}),u=e.useRef(a.register(r,{...t.rules,value:l,...Jb(t.disabled)?{disabled:t.disabled}:{}}));return e.useEffect((()=>{const e=a._options.shouldUnregister||i,t=(e,t)=>{const n=Zb(a._fields,e);n&&(n._f.mount=t)};if(t(r,!0),e){const e=Yb(Zb(a._options.defaultValues,r));iv(a._defaultValues,r,e),jb(Zb(a._formValues,r))&&iv(a._formValues,r,e)}return()=>{(s?e&&!a._state.action:e)?a.unregister(r):t(r,!1)}}),[r,a,s,i]),e.useEffect((()=>{Zb(a._fields,r)&&a._updateDisabledField({disabled:o,fields:a._fields,name:r,value:Zb(a._fields,r)._f.value})}),[o,r,a]),{field:{name:r,value:l,...Jb(o)||c.disabled?{disabled:c.disabled||o}:{},onChange:e.useCallback((e=>u.current.onChange({target:{value:_b(e),name:r},type:Qb})),[r]),onBlur:e.useCallback((()=>u.current.onBlur({target:{value:Zb(a._formValues,r),name:r},type:Ub})),[r,a]),ref:e=>{const t=Zb(a._fields,r);t&&e&&(t._f.ref={focus:()=>e.focus(),select:()=>e.select(),setCustomValidity:t=>e.setCustomValidity(t),reportValidity:()=>e.reportValidity()})}},formState:c,fieldState:Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!Zb(c.errors,r)},isDirty:{enumerable:!0,get:()=>!!Zb(c.dirtyFields,r)},isTouched:{enumerable:!0,get:()=>!!Zb(c.touchedFields,r)},isValidating:{enumerable:!0,get:()=>!!Zb(c.validatingFields,r)},error:{enumerable:!0,get:()=>Zb(c.errors,r)}})}}const lv=e=>e.render(sv(e)),cv=t(Gb)`
|
|
1699
|
-
width: 100%;
|
|
1700
|
-
`,uv=t.styled.div`
|
|
1691
|
+
`,Bb=t.div`
|
|
1701
1692
|
display: flex;
|
|
1693
|
+
margin-right: ${e=>e.theme.spacing.xxs};
|
|
1694
|
+
`;var Vb;!function(e){e.ASYNC_CREATABLE_SELECT="AsyncCreatableSelect",e.ASYNC_SELECT="AsyncSelect",e.CREATABLE_SELECT="CreatableSelect",e.REACT_SELECT="ReactSelect"}(Vb||(Vb={}));const Gb={Control:t=>{const{children:n,innerProps:r,innerRef:o,isDisabled:a,isFocused:i,selectProps:s}=t,l="isError"in s&&"boolean"==typeof s.isError&&s.isError;return e.createElement(Pb,Object.assign({"aria-disabled":a||void 0,isDisabled:a,isError:l,isFocused:i,ref:o},r),n)},DropdownIndicator:t=>{const{isFocused:n}=t;return e.createElement(Rb,{isFocused:n},e.createElement(Ob,null))},IndicatorSeparator:null,Option:t=>{const{children:n,data:r}=t,o=Po(t,["children","data"]);return e.createElement(xg.Option,Object.assign({data:r},o),r.icon?e.createElement(Bb,null,r.icon):null,n)},SingleValue:t=>{const{children:n,data:r}=t;return e.createElement(Wb,null,r.icon?e.createElement(Bb,null,r.icon):null,n)}},Fb=e.forwardRef(((n,r)=>{const o=t.useTheme(),{customComponents:a,isError:i=!1,options:s,type:l}=n,c=Po(n,["customComponents","isError","options","type"]);let u;switch(l){case Vb.ASYNC_CREATABLE_SELECT:u=Ab;break;case Vb.CREATABLE_SELECT:u=Db;break;case Vb.ASYNC_SELECT:u=Nb;break;default:u=Cb}return e.createElement(u,Object.assign({components:Object.assign(Object.assign({},Gb),a),isClearable:!1,isSearchable:!1,options:s,ref:r,theme:e=>Object.assign(Object.assign({},e),{colors:Object.assign(Object.assign({},e.colors),{primary:!0===i?o.colors.fg.error.light:o.colors.border.brand.default.light,neutral60:!0===i?o.colors.fg.error.light:o.colors.border.neutral.default.light})})},c,{isError:i}))}));Fb.displayName="SelectBase";var Hb=e=>null==e;var _b=e=>!Hb(e)&&!Array.isArray(e)&&(e=>"object"==typeof e)(e)&&!(e=>e instanceof Date)(e),Xb=e=>_b(e)&&e.target?"checkbox"===e.target.type?e.target.checked:e.target.value:e,zb=e=>{const t=e.constructor&&e.constructor.prototype;return _b(t)&&t.hasOwnProperty("isPrototypeOf")},Yb="undefined"!=typeof window&&void 0!==window.HTMLElement&&"undefined"!=typeof document;function $b(e){let t;const n=Array.isArray(e);if(e instanceof Date)t=new Date(e);else if(e instanceof Set)t=new Set(e);else{if(Yb&&(e instanceof Blob||e instanceof FileList)||!n&&!_b(e))return e;if(t=n?[]:{},n||zb(e))for(const n in e)e.hasOwnProperty(n)&&(t[n]=$b(e[n]));else t=e}return t}var jb=e=>Array.isArray(e)?e.filter(Boolean):[],Zb=e=>void 0===e,Jb=(e,t,n)=>{if(!t||!_b(e))return n;const r=jb(t.split(/[,[\].]+?/)).reduce(((e,t)=>Hb(e)?e:e[t]),e);return Zb(r)||r===e?Zb(e[t])?n:e[t]:r},Ub=e=>"boolean"==typeof e;const Qb="blur",Kb="change",qb="all",ev=e.createContext(null),tv=()=>e.useContext(ev);var nv=(e,t,n,r=!0)=>{const o={defaultValues:t._defaultValues};for(const a in e)Object.defineProperty(o,a,{get:()=>{const o=a;return t._proxyFormState[o]!==qb&&(t._proxyFormState[o]=!r||qb),n&&(n[o]=!0),e[o]}});return o},rv=(e,t,n,r)=>{n(e);const{name:o,...a}=e;return _b(i=a)&&!Object.keys(i).length||Object.keys(a).length>=Object.keys(t).length||Object.keys(a).find((e=>t[e]===(!r||qb)));var i},ov=(e,t,n)=>{return!e||!t||e===t||(r=e,Array.isArray(r)?r:[r]).some((e=>e&&(n?e===t:e.startsWith(t)||t.startsWith(e))));var r};function av(t){const n=e.useRef(t);n.current=t,e.useEffect((()=>{const e=!t.disabled&&n.current.subject&&n.current.subject.subscribe({next:n.current.next});return()=>{e&&e.unsubscribe()}}),[t.disabled])}var iv=(e,t,n,r,o)=>"string"==typeof e?(r&&t.watch.add(e),Jb(n,e,o)):Array.isArray(e)?e.map((e=>(r&&t.watch.add(e),Jb(n,e)))):(r&&(t.watchAll=!0),n);var sv=(e,t,n)=>{let r=-1;const o=(e=>/^\w*$/.test(e))(t)?[t]:jb(t.replace(/["|']|\]/g,"").split(/\.|\[/));const a=o.length,i=a-1;for(;++r<a;){const t=o[r];let a=n;if(r!==i){const n=e[t];a=_b(n)||Array.isArray(n)?n:isNaN(+o[r+1])?{}:[]}e[t]=a,e=e[t]}return e};function lv(t){const n=tv(),{name:r,disabled:o,control:a=n.control,shouldUnregister:i}=t,s=((e,t)=>e.has((e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e)(t)))(a._names.array,r),l=function(t){const n=tv(),{control:r=n.control,name:o,defaultValue:a,disabled:i,exact:s}=t||{},l=e.useRef(o);l.current=o,av({disabled:i,subject:r._subjects.values,next:e=>{ov(l.current,e.name,s)&&u($b(iv(l.current,r._names,e.values||r._formValues,!1,a)))}});const[c,u]=e.useState(r._getWatch(o,a));return e.useEffect((()=>r._removeUnmounted())),c}({control:a,name:r,defaultValue:Jb(a._formValues,r,Jb(a._defaultValues,r,t.defaultValue)),exact:!0}),c=function(t){const n=tv(),{control:r=n.control,disabled:o,name:a,exact:i}=t||{},[s,l]=e.useState(r._formState),c=e.useRef(!0),u=e.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1}),d=e.useRef(a);return d.current=a,av({disabled:o,next:e=>c.current&&ov(d.current,e.name,i)&&rv(e,u.current,r._updateFormState)&&l({...r._formState,...e}),subject:r._subjects.state}),e.useEffect((()=>(c.current=!0,u.current.isValid&&r._updateValid(!0),()=>{c.current=!1})),[r]),nv(s,r,u.current,!1)}({control:a,name:r}),u=e.useRef(a.register(r,{...t.rules,value:l,...Ub(t.disabled)?{disabled:t.disabled}:{}}));return e.useEffect((()=>{const e=a._options.shouldUnregister||i,t=(e,t)=>{const n=Jb(a._fields,e);n&&(n._f.mount=t)};if(t(r,!0),e){const e=$b(Jb(a._options.defaultValues,r));sv(a._defaultValues,r,e),Zb(Jb(a._formValues,r))&&sv(a._formValues,r,e)}return()=>{(s?e&&!a._state.action:e)?a.unregister(r):t(r,!1)}}),[r,a,s,i]),e.useEffect((()=>{Jb(a._fields,r)&&a._updateDisabledField({disabled:o,fields:a._fields,name:r,value:Jb(a._fields,r)._f.value})}),[o,r,a]),{field:{name:r,value:l,...Ub(o)||c.disabled?{disabled:c.disabled||o}:{},onChange:e.useCallback((e=>u.current.onChange({target:{value:Xb(e),name:r},type:Kb})),[r]),onBlur:e.useCallback((()=>u.current.onBlur({target:{value:Jb(a._formValues,r),name:r},type:Qb})),[r,a]),ref:e=>{const t=Jb(a._fields,r);t&&e&&(t._f.ref={focus:()=>e.focus(),select:()=>e.select(),setCustomValidity:t=>e.setCustomValidity(t),reportValidity:()=>e.reportValidity()})}},formState:c,fieldState:Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!Jb(c.errors,r)},isDirty:{enumerable:!0,get:()=>!!Jb(c.dirtyFields,r)},isTouched:{enumerable:!0,get:()=>!!Jb(c.touchedFields,r)},isValidating:{enumerable:!0,get:()=>!!Jb(c.validatingFields,r)},error:{enumerable:!0,get:()=>Jb(c.errors,r)}})}}const cv=e=>e.render(lv(e)),uv=t(Fb)`
|
|
1695
|
+
width: 100%;
|
|
1702
1696
|
`,dv=t.styled.div`
|
|
1703
|
-
|
|
1697
|
+
display: flex;
|
|
1704
1698
|
`,pv=t.styled.div`
|
|
1699
|
+
margin: auto 0;
|
|
1700
|
+
`,hv=t.styled.div`
|
|
1705
1701
|
display: flex;
|
|
1706
1702
|
margin-left: 5px;
|
|
1707
|
-
`,hv=t=>e.createElement(xg.Input,Object.assign({},t,{isHidden:!1})),fv=t=>{var{children:n}=t,r=Po(t,["children"]);return e.createElement(xg.Control,Object.assign({},r),e.createElement(pv,null,e.createElement(oe,{size:exports.IconSystemSize.big,type:exports.IconSystemType.search})),n)};var mv,gv={exports:{}},bv={};var vv,yv={};"production"===process.env.NODE_ENV?gv.exports=function(){if(mv)return bv;mv=1,Object.defineProperty(bv,"__esModule",{value:!0});var t=e;function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},n.apply(this,arguments)}var r=t.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},t.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),o=t.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},t.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function a(e){if(7===e.length)return e;for(var t="#",n=1;n<4;n+=1)t+=e[n]+e[n];return t}function i(e,t,n,r,o){return function(e,t,n,r,o){var a=(e-n)/(t-n);if(0===a)return r;if(1===a)return o;for(var i="#",s=1;s<6;s+=2){var l=parseInt(r.substr(s,2),16),c=parseInt(o.substr(s,2),16),u=Math.round((1-a)*l+a*c).toString(16);1===u.length&&(u="0"+u),i+=u}return i}(e,t,n,a(r),a(o))}var s=function(e){function r(t){e.call(this,t);var n=t.height,r=t.width,o=t.checked;this.t=t.handleDiameter||n-2,this.i=Math.max(r-n,r-(n+this.t)/2),this.o=Math.max(0,(n-this.t)/2),this.state={h:o?this.i:this.o},this.l=0,this.u=0,this.p=this.p.bind(this),this.v=this.v.bind(this),this.g=this.g.bind(this),this.k=this.k.bind(this),this.M=this.M.bind(this),this.m=this.m.bind(this),this.T=this.T.bind(this),this.$=this.$.bind(this),this.C=this.C.bind(this),this.O=this.O.bind(this),this.D=this.D.bind(this),this.S=this.S.bind(this)}return e&&(r.__proto__=e),(r.prototype=Object.create(e&&e.prototype)).constructor=r,r.prototype.componentDidMount=function(){this.W=!0},r.prototype.componentDidUpdate=function(e){e.checked!==this.props.checked&&this.setState({h:this.props.checked?this.i:this.o})},r.prototype.componentWillUnmount=function(){this.W=!1},r.prototype.I=function(e){this.H.focus(),this.setState({j:e,R:!0,B:Date.now()})},r.prototype.L=function(e){var t=this.state,n=t.j,r=t.h,o=(this.props.checked?this.i:this.o)+e-n;t.N||e===n||this.setState({N:!0});var a=Math.min(this.i,Math.max(this.o,o));a!==r&&this.setState({h:a})},r.prototype.U=function(e){var t=this.state,n=t.h,r=t.N,o=t.B,a=this.props.checked,i=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var s=Date.now()-o;(!r||s<250||a&&n<=i||!a&&n>=i)&&this.A(e),this.W&&this.setState({N:!1,R:!1}),this.l=Date.now()},r.prototype.p=function(e){e.preventDefault(),"number"==typeof e.button&&0!==e.button||(this.I(e.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.g))},r.prototype.v=function(e){e.preventDefault(),this.L(e.clientX)},r.prototype.g=function(e){this.U(e),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.g)},r.prototype.k=function(e){this.X=null,this.I(e.touches[0].clientX)},r.prototype.M=function(e){this.L(e.touches[0].clientX)},r.prototype.m=function(e){e.preventDefault(),this.U(e)},r.prototype.$=function(e){Date.now()-this.l>50&&(this.A(e),Date.now()-this.u>50&&this.W&&this.setState({R:!1}))},r.prototype.C=function(){this.u=Date.now()},r.prototype.O=function(){this.setState({R:!0})},r.prototype.D=function(){this.setState({R:!1})},r.prototype.S=function(e){this.H=e},r.prototype.T=function(e){e.preventDefault(),this.H.focus(),this.A(e),this.W&&this.setState({R:!1})},r.prototype.A=function(e){var t=this.props;(0,t.onChange)(!t.checked,e,t.id)},r.prototype.render=function(){var e=this.props,r=e.checked,o=e.disabled,a=e.className,s=e.offColor,l=e.onColor,c=e.offHandleColor,u=e.onHandleColor,d=e.checkedIcon,p=e.uncheckedIcon,h=e.checkedHandleIcon,f=e.uncheckedHandleIcon,m=e.boxShadow,g=e.activeBoxShadow,b=e.height,v=e.width,y=e.borderRadius,x=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&-1===t.indexOf(r)&&(n[r]=e[r]);return n}(e,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),w=this.state,k=w.h,C=w.N,I=w.R,E={position:"relative",display:"inline-block",textAlign:"left",opacity:o?.5:1,direction:"ltr",borderRadius:b/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},S={height:b,width:v,margin:Math.max(0,(this.t-b)/2),position:"relative",background:i(k,this.i,this.o,s,l),borderRadius:"number"==typeof y?y:b/2,cursor:o?"default":"pointer",WebkitTransition:C?null:"background 0.25s",MozTransition:C?null:"background 0.25s",transition:C?null:"background 0.25s"},T={height:b,width:Math.min(1.5*b,v-(this.t+b)/2+1),position:"relative",opacity:(k-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:C?null:"opacity 0.25s",MozTransition:C?null:"opacity 0.25s",transition:C?null:"opacity 0.25s"},D={height:b,width:Math.min(1.5*b,v-(this.t+b)/2+1),position:"absolute",opacity:1-(k-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:C?null:"opacity 0.25s",MozTransition:C?null:"opacity 0.25s",transition:C?null:"opacity 0.25s"},M={height:this.t,width:this.t,background:i(k,this.i,this.o,c,u),display:"inline-block",cursor:o?"default":"pointer",borderRadius:"number"==typeof y?y-1:"50%",position:"absolute",transform:"translateX("+k+"px)",top:Math.max(0,(b-this.t)/2),outline:0,boxShadow:I?g:m,border:0,WebkitTransition:C?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:C?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:C?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},L={height:this.t,width:this.t,opacity:Math.max(2*(1-(k-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:C?null:"opacity 0.25s",MozTransition:C?null:"opacity 0.25s",transition:C?null:"opacity 0.25s"},A={height:this.t,width:this.t,opacity:Math.max(2*((k-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:C?null:"opacity 0.25s",MozTransition:C?null:"opacity 0.25s",transition:C?null:"opacity 0.25s"};return t.createElement("div",{className:a,style:E},t.createElement("div",{className:"react-switch-bg",style:S,onClick:o?null:this.T,onMouseDown:function(e){return e.preventDefault()}},d&&t.createElement("div",{style:T},d),p&&t.createElement("div",{style:D},p)),t.createElement("div",{className:"react-switch-handle",style:M,onClick:function(e){return e.preventDefault()},onMouseDown:o?null:this.p,onTouchStart:o?null:this.k,onTouchMove:o?null:this.M,onTouchEnd:o?null:this.m,onTouchCancel:o?null:this.D},f&&t.createElement("div",{style:L},f),h&&t.createElement("div",{style:A},h)),t.createElement("input",n({},{type:"checkbox",role:"switch","aria-checked":r,checked:r,disabled:o,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},x,{ref:this.S,onFocus:this.O,onBlur:this.D,onKeyUp:this.C,onChange:this.$})))},r}(t.Component);return s.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:r,checkedIcon:o,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56},bv.default=s,bv}():gv.exports=(vv||(vv=1,function(t){Object.defineProperty(t,"__esModule",{value:!0});var n=e,r=ii();function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o.apply(this,arguments)}var a=n.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},n.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),i=n.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},n.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function s(e){if(7===e.length)return e;for(var t="#",n=1;n<4;n+=1)t+=e[n]+e[n];return t}function l(e,t,n,r,o){return function(e,t,n,r,o){var a=(e-n)/(t-n);if(0===a)return r;if(1===a)return o;for(var i="#",s=1;s<6;s+=2){var l=parseInt(r.substr(s,2),16),c=parseInt(o.substr(s,2),16),u=Math.round((1-a)*l+a*c).toString(16);1===u.length&&(u="0"+u),i+=u}return i}(e,t,n,s(r),s(o))}var c=function(e,t,n){var r=e[t];return"string"!=typeof r||"#"!==r[0]||4!==r.length&&7!==r.length?new Error("Invalid prop '"+t+"' supplied to '"+n+"'. '"+t+"' has to be either a 3-digit or 6-digit hex-color string. Valid examples: '#abc', '#123456'"):null},u=function(e){function t(t){e.call(this,t);var n=t.height,r=t.width,o=t.handleDiameter,a=t.checked;this.$handleDiameter=o||n-2,this.$checkedPos=Math.max(r-n,r-(n+this.$handleDiameter)/2),this.$uncheckedPos=Math.max(0,(n-this.$handleDiameter)/2),this.state={$pos:a?this.$checkedPos:this.$uncheckedPos},this.$lastDragAt=0,this.$lastKeyUpAt=0,this.$onMouseDown=this.$onMouseDown.bind(this),this.$onMouseMove=this.$onMouseMove.bind(this),this.$onMouseUp=this.$onMouseUp.bind(this),this.$onTouchStart=this.$onTouchStart.bind(this),this.$onTouchMove=this.$onTouchMove.bind(this),this.$onTouchEnd=this.$onTouchEnd.bind(this),this.$onClick=this.$onClick.bind(this),this.$onInputChange=this.$onInputChange.bind(this),this.$onKeyUp=this.$onKeyUp.bind(this),this.$setHasOutline=this.$setHasOutline.bind(this),this.$unsetHasOutline=this.$unsetHasOutline.bind(this),this.$getInputRef=this.$getInputRef.bind(this)}return e&&(t.__proto__=e),t.prototype=Object.create(e&&e.prototype),t.prototype.constructor=t,t.prototype.componentDidMount=function(){this.$isMounted=!0},t.prototype.componentDidUpdate=function(e){if(e.checked!==this.props.checked){var t=this.props.checked?this.$checkedPos:this.$uncheckedPos;this.setState({$pos:t})}},t.prototype.componentWillUnmount=function(){this.$isMounted=!1},t.prototype.$onDragStart=function(e){this.$inputRef.focus(),this.setState({$startX:e,$hasOutline:!0,$dragStartingTime:Date.now()})},t.prototype.$onDrag=function(e){var t=this.state,n=t.$startX,r=t.$isDragging,o=t.$pos,a=(this.props.checked?this.$checkedPos:this.$uncheckedPos)+e-n;r||e===n||this.setState({$isDragging:!0});var i=Math.min(this.$checkedPos,Math.max(this.$uncheckedPos,a));i!==o&&this.setState({$pos:i})},t.prototype.$onDragStop=function(e){var t=this.state,n=t.$pos,r=t.$isDragging,o=t.$dragStartingTime,a=this.props.checked,i=(this.$checkedPos+this.$uncheckedPos)/2,s=this.props.checked?this.$checkedPos:this.$uncheckedPos;this.setState({$pos:s});var l=Date.now()-o;(!r||l<250||a&&n<=i||!a&&n>=i)&&this.$onChange(e),this.$isMounted&&this.setState({$isDragging:!1,$hasOutline:!1}),this.$lastDragAt=Date.now()},t.prototype.$onMouseDown=function(e){e.preventDefault(),"number"==typeof e.button&&0!==e.button||(this.$onDragStart(e.clientX),window.addEventListener("mousemove",this.$onMouseMove),window.addEventListener("mouseup",this.$onMouseUp))},t.prototype.$onMouseMove=function(e){e.preventDefault(),this.$onDrag(e.clientX)},t.prototype.$onMouseUp=function(e){this.$onDragStop(e),window.removeEventListener("mousemove",this.$onMouseMove),window.removeEventListener("mouseup",this.$onMouseUp)},t.prototype.$onTouchStart=function(e){this.$checkedStateFromDragging=null,this.$onDragStart(e.touches[0].clientX)},t.prototype.$onTouchMove=function(e){this.$onDrag(e.touches[0].clientX)},t.prototype.$onTouchEnd=function(e){e.preventDefault(),this.$onDragStop(e)},t.prototype.$onInputChange=function(e){Date.now()-this.$lastDragAt>50&&(this.$onChange(e),Date.now()-this.$lastKeyUpAt>50&&this.$isMounted&&this.setState({$hasOutline:!1}))},t.prototype.$onKeyUp=function(){this.$lastKeyUpAt=Date.now()},t.prototype.$setHasOutline=function(){this.setState({$hasOutline:!0})},t.prototype.$unsetHasOutline=function(){this.setState({$hasOutline:!1})},t.prototype.$getInputRef=function(e){this.$inputRef=e},t.prototype.$onClick=function(e){e.preventDefault(),this.$inputRef.focus(),this.$onChange(e),this.$isMounted&&this.setState({$hasOutline:!1})},t.prototype.$onChange=function(e){var t=this.props,n=t.checked;(0,t.onChange)(!n,e,t.id)},t.prototype.render=function(){var e=this.props,t=e.checked,r=e.disabled,a=e.className,i=e.offColor,s=e.onColor,c=e.offHandleColor,u=e.onHandleColor,d=e.checkedIcon,p=e.uncheckedIcon,h=e.checkedHandleIcon,f=e.uncheckedHandleIcon,m=e.boxShadow,g=e.activeBoxShadow,b=e.height,v=e.width,y=e.borderRadius;e.handleDiameter;var x=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&-1===t.indexOf(r)&&(n[r]=e[r]);return n}(e,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),w=this.state,k=w.$pos,C=w.$isDragging,I=w.$hasOutline,E={position:"relative",display:"inline-block",textAlign:"left",opacity:r?.5:1,direction:"ltr",borderRadius:b/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},S={height:b,width:v,margin:Math.max(0,(this.$handleDiameter-b)/2),position:"relative",background:l(k,this.$checkedPos,this.$uncheckedPos,i,s),borderRadius:"number"==typeof y?y:b/2,cursor:r?"default":"pointer",WebkitTransition:C?null:"background 0.25s",MozTransition:C?null:"background 0.25s",transition:C?null:"background 0.25s"},T={height:b,width:Math.min(1.5*b,v-(this.$handleDiameter+b)/2+1),position:"relative",opacity:(k-this.$uncheckedPos)/(this.$checkedPos-this.$uncheckedPos),pointerEvents:"none",WebkitTransition:C?null:"opacity 0.25s",MozTransition:C?null:"opacity 0.25s",transition:C?null:"opacity 0.25s"},D={height:b,width:Math.min(1.5*b,v-(this.$handleDiameter+b)/2+1),position:"absolute",opacity:1-(k-this.$uncheckedPos)/(this.$checkedPos-this.$uncheckedPos),right:0,top:0,pointerEvents:"none",WebkitTransition:C?null:"opacity 0.25s",MozTransition:C?null:"opacity 0.25s",transition:C?null:"opacity 0.25s"},M={height:this.$handleDiameter,width:this.$handleDiameter,background:l(k,this.$checkedPos,this.$uncheckedPos,c,u),display:"inline-block",cursor:r?"default":"pointer",borderRadius:"number"==typeof y?y-1:"50%",position:"absolute",transform:"translateX("+k+"px)",top:Math.max(0,(b-this.$handleDiameter)/2),outline:0,boxShadow:I?g:m,border:0,WebkitTransition:C?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:C?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:C?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},L={height:this.$handleDiameter,width:this.$handleDiameter,opacity:Math.max(2*(1-(k-this.$uncheckedPos)/(this.$checkedPos-this.$uncheckedPos)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:C?null:"opacity 0.25s",MozTransition:C?null:"opacity 0.25s",transition:C?null:"opacity 0.25s"},A={height:this.$handleDiameter,width:this.$handleDiameter,opacity:Math.max(2*((k-this.$uncheckedPos)/(this.$checkedPos-this.$uncheckedPos)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:C?null:"opacity 0.25s",MozTransition:C?null:"opacity 0.25s",transition:C?null:"opacity 0.25s"};return n.createElement("div",{className:a,style:E},n.createElement("div",{className:"react-switch-bg",style:S,onClick:r?null:this.$onClick,onMouseDown:function(e){return e.preventDefault()}},d&&n.createElement("div",{style:T},d),p&&n.createElement("div",{style:D},p)),n.createElement("div",{className:"react-switch-handle",style:M,onClick:function(e){return e.preventDefault()},onMouseDown:r?null:this.$onMouseDown,onTouchStart:r?null:this.$onTouchStart,onTouchMove:r?null:this.$onTouchMove,onTouchEnd:r?null:this.$onTouchEnd,onTouchCancel:r?null:this.$unsetHasOutline},f&&n.createElement("div",{style:L},f),h&&n.createElement("div",{style:A},h)),n.createElement("input",o({},{type:"checkbox",role:"switch","aria-checked":t,checked:t,disabled:r,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},x,{ref:this.$getInputRef,onFocus:this.$setHasOutline,onBlur:this.$unsetHasOutline,onKeyUp:this.$onKeyUp,onChange:this.$onInputChange})))},t}(n.Component);u.propTypes={checked:r.bool.isRequired,onChange:r.func.isRequired,disabled:r.bool,offColor:c,onColor:c,offHandleColor:c,onHandleColor:c,handleDiameter:r.number,uncheckedIcon:r.oneOfType([r.bool,r.element]),checkedIcon:r.oneOfType([r.bool,r.element]),boxShadow:r.string,borderRadius:r.number,activeBoxShadow:r.string,uncheckedHandleIcon:r.element,checkedHandleIcon:r.element,height:r.number,width:r.number,id:r.string,className:r.string},u.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:a,checkedIcon:i,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56},t.default=u}(yv)),yv);var xv=Ne(gv.exports);const wv=t.div`
|
|
1703
|
+
`,fv=t=>e.createElement(xg.Input,Object.assign({},t,{isHidden:!1})),mv=t=>{var{children:n}=t,r=Po(t,["children"]);return e.createElement(xg.Control,Object.assign({},r),e.createElement(hv,null,e.createElement(oe,{size:exports.IconSystemSize.big,type:exports.IconSystemType.search})),n)};var gv,bv={exports:{}},vv={};var yv,xv={};"production"===process.env.NODE_ENV?bv.exports=function(){if(gv)return vv;gv=1,Object.defineProperty(vv,"__esModule",{value:!0});var t=e;function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},n.apply(this,arguments)}var r=t.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},t.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),o=t.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},t.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function a(e){if(7===e.length)return e;for(var t="#",n=1;n<4;n+=1)t+=e[n]+e[n];return t}function i(e,t,n,r,o){return function(e,t,n,r,o){var a=(e-n)/(t-n);if(0===a)return r;if(1===a)return o;for(var i="#",s=1;s<6;s+=2){var l=parseInt(r.substr(s,2),16),c=parseInt(o.substr(s,2),16),u=Math.round((1-a)*l+a*c).toString(16);1===u.length&&(u="0"+u),i+=u}return i}(e,t,n,a(r),a(o))}var s=function(e){function r(t){e.call(this,t);var n=t.height,r=t.width,o=t.checked;this.t=t.handleDiameter||n-2,this.i=Math.max(r-n,r-(n+this.t)/2),this.o=Math.max(0,(n-this.t)/2),this.state={h:o?this.i:this.o},this.l=0,this.u=0,this.p=this.p.bind(this),this.v=this.v.bind(this),this.g=this.g.bind(this),this.k=this.k.bind(this),this.M=this.M.bind(this),this.m=this.m.bind(this),this.T=this.T.bind(this),this.$=this.$.bind(this),this.C=this.C.bind(this),this.O=this.O.bind(this),this.D=this.D.bind(this),this.S=this.S.bind(this)}return e&&(r.__proto__=e),(r.prototype=Object.create(e&&e.prototype)).constructor=r,r.prototype.componentDidMount=function(){this.W=!0},r.prototype.componentDidUpdate=function(e){e.checked!==this.props.checked&&this.setState({h:this.props.checked?this.i:this.o})},r.prototype.componentWillUnmount=function(){this.W=!1},r.prototype.I=function(e){this.H.focus(),this.setState({j:e,R:!0,B:Date.now()})},r.prototype.L=function(e){var t=this.state,n=t.j,r=t.h,o=(this.props.checked?this.i:this.o)+e-n;t.N||e===n||this.setState({N:!0});var a=Math.min(this.i,Math.max(this.o,o));a!==r&&this.setState({h:a})},r.prototype.U=function(e){var t=this.state,n=t.h,r=t.N,o=t.B,a=this.props.checked,i=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var s=Date.now()-o;(!r||s<250||a&&n<=i||!a&&n>=i)&&this.A(e),this.W&&this.setState({N:!1,R:!1}),this.l=Date.now()},r.prototype.p=function(e){e.preventDefault(),"number"==typeof e.button&&0!==e.button||(this.I(e.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.g))},r.prototype.v=function(e){e.preventDefault(),this.L(e.clientX)},r.prototype.g=function(e){this.U(e),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.g)},r.prototype.k=function(e){this.X=null,this.I(e.touches[0].clientX)},r.prototype.M=function(e){this.L(e.touches[0].clientX)},r.prototype.m=function(e){e.preventDefault(),this.U(e)},r.prototype.$=function(e){Date.now()-this.l>50&&(this.A(e),Date.now()-this.u>50&&this.W&&this.setState({R:!1}))},r.prototype.C=function(){this.u=Date.now()},r.prototype.O=function(){this.setState({R:!0})},r.prototype.D=function(){this.setState({R:!1})},r.prototype.S=function(e){this.H=e},r.prototype.T=function(e){e.preventDefault(),this.H.focus(),this.A(e),this.W&&this.setState({R:!1})},r.prototype.A=function(e){var t=this.props;(0,t.onChange)(!t.checked,e,t.id)},r.prototype.render=function(){var e=this.props,r=e.checked,o=e.disabled,a=e.className,s=e.offColor,l=e.onColor,c=e.offHandleColor,u=e.onHandleColor,d=e.checkedIcon,p=e.uncheckedIcon,h=e.checkedHandleIcon,f=e.uncheckedHandleIcon,m=e.boxShadow,g=e.activeBoxShadow,b=e.height,v=e.width,y=e.borderRadius,x=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&-1===t.indexOf(r)&&(n[r]=e[r]);return n}(e,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),w=this.state,k=w.h,C=w.N,I=w.R,E={position:"relative",display:"inline-block",textAlign:"left",opacity:o?.5:1,direction:"ltr",borderRadius:b/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},S={height:b,width:v,margin:Math.max(0,(this.t-b)/2),position:"relative",background:i(k,this.i,this.o,s,l),borderRadius:"number"==typeof y?y:b/2,cursor:o?"default":"pointer",WebkitTransition:C?null:"background 0.25s",MozTransition:C?null:"background 0.25s",transition:C?null:"background 0.25s"},T={height:b,width:Math.min(1.5*b,v-(this.t+b)/2+1),position:"relative",opacity:(k-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:C?null:"opacity 0.25s",MozTransition:C?null:"opacity 0.25s",transition:C?null:"opacity 0.25s"},D={height:b,width:Math.min(1.5*b,v-(this.t+b)/2+1),position:"absolute",opacity:1-(k-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:C?null:"opacity 0.25s",MozTransition:C?null:"opacity 0.25s",transition:C?null:"opacity 0.25s"},M={height:this.t,width:this.t,background:i(k,this.i,this.o,c,u),display:"inline-block",cursor:o?"default":"pointer",borderRadius:"number"==typeof y?y-1:"50%",position:"absolute",transform:"translateX("+k+"px)",top:Math.max(0,(b-this.t)/2),outline:0,boxShadow:I?g:m,border:0,WebkitTransition:C?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:C?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:C?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},L={height:this.t,width:this.t,opacity:Math.max(2*(1-(k-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:C?null:"opacity 0.25s",MozTransition:C?null:"opacity 0.25s",transition:C?null:"opacity 0.25s"},A={height:this.t,width:this.t,opacity:Math.max(2*((k-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:C?null:"opacity 0.25s",MozTransition:C?null:"opacity 0.25s",transition:C?null:"opacity 0.25s"};return t.createElement("div",{className:a,style:E},t.createElement("div",{className:"react-switch-bg",style:S,onClick:o?null:this.T,onMouseDown:function(e){return e.preventDefault()}},d&&t.createElement("div",{style:T},d),p&&t.createElement("div",{style:D},p)),t.createElement("div",{className:"react-switch-handle",style:M,onClick:function(e){return e.preventDefault()},onMouseDown:o?null:this.p,onTouchStart:o?null:this.k,onTouchMove:o?null:this.M,onTouchEnd:o?null:this.m,onTouchCancel:o?null:this.D},f&&t.createElement("div",{style:L},f),h&&t.createElement("div",{style:A},h)),t.createElement("input",n({},{type:"checkbox",role:"switch","aria-checked":r,checked:r,disabled:o,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},x,{ref:this.S,onFocus:this.O,onBlur:this.D,onKeyUp:this.C,onChange:this.$})))},r}(t.Component);return s.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:r,checkedIcon:o,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56},vv.default=s,vv}():bv.exports=(yv||(yv=1,function(t){Object.defineProperty(t,"__esModule",{value:!0});var n=e,r=ii();function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o.apply(this,arguments)}var a=n.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},n.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),i=n.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},n.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function s(e){if(7===e.length)return e;for(var t="#",n=1;n<4;n+=1)t+=e[n]+e[n];return t}function l(e,t,n,r,o){return function(e,t,n,r,o){var a=(e-n)/(t-n);if(0===a)return r;if(1===a)return o;for(var i="#",s=1;s<6;s+=2){var l=parseInt(r.substr(s,2),16),c=parseInt(o.substr(s,2),16),u=Math.round((1-a)*l+a*c).toString(16);1===u.length&&(u="0"+u),i+=u}return i}(e,t,n,s(r),s(o))}var c=function(e,t,n){var r=e[t];return"string"!=typeof r||"#"!==r[0]||4!==r.length&&7!==r.length?new Error("Invalid prop '"+t+"' supplied to '"+n+"'. '"+t+"' has to be either a 3-digit or 6-digit hex-color string. Valid examples: '#abc', '#123456'"):null},u=function(e){function t(t){e.call(this,t);var n=t.height,r=t.width,o=t.handleDiameter,a=t.checked;this.$handleDiameter=o||n-2,this.$checkedPos=Math.max(r-n,r-(n+this.$handleDiameter)/2),this.$uncheckedPos=Math.max(0,(n-this.$handleDiameter)/2),this.state={$pos:a?this.$checkedPos:this.$uncheckedPos},this.$lastDragAt=0,this.$lastKeyUpAt=0,this.$onMouseDown=this.$onMouseDown.bind(this),this.$onMouseMove=this.$onMouseMove.bind(this),this.$onMouseUp=this.$onMouseUp.bind(this),this.$onTouchStart=this.$onTouchStart.bind(this),this.$onTouchMove=this.$onTouchMove.bind(this),this.$onTouchEnd=this.$onTouchEnd.bind(this),this.$onClick=this.$onClick.bind(this),this.$onInputChange=this.$onInputChange.bind(this),this.$onKeyUp=this.$onKeyUp.bind(this),this.$setHasOutline=this.$setHasOutline.bind(this),this.$unsetHasOutline=this.$unsetHasOutline.bind(this),this.$getInputRef=this.$getInputRef.bind(this)}return e&&(t.__proto__=e),t.prototype=Object.create(e&&e.prototype),t.prototype.constructor=t,t.prototype.componentDidMount=function(){this.$isMounted=!0},t.prototype.componentDidUpdate=function(e){if(e.checked!==this.props.checked){var t=this.props.checked?this.$checkedPos:this.$uncheckedPos;this.setState({$pos:t})}},t.prototype.componentWillUnmount=function(){this.$isMounted=!1},t.prototype.$onDragStart=function(e){this.$inputRef.focus(),this.setState({$startX:e,$hasOutline:!0,$dragStartingTime:Date.now()})},t.prototype.$onDrag=function(e){var t=this.state,n=t.$startX,r=t.$isDragging,o=t.$pos,a=(this.props.checked?this.$checkedPos:this.$uncheckedPos)+e-n;r||e===n||this.setState({$isDragging:!0});var i=Math.min(this.$checkedPos,Math.max(this.$uncheckedPos,a));i!==o&&this.setState({$pos:i})},t.prototype.$onDragStop=function(e){var t=this.state,n=t.$pos,r=t.$isDragging,o=t.$dragStartingTime,a=this.props.checked,i=(this.$checkedPos+this.$uncheckedPos)/2,s=this.props.checked?this.$checkedPos:this.$uncheckedPos;this.setState({$pos:s});var l=Date.now()-o;(!r||l<250||a&&n<=i||!a&&n>=i)&&this.$onChange(e),this.$isMounted&&this.setState({$isDragging:!1,$hasOutline:!1}),this.$lastDragAt=Date.now()},t.prototype.$onMouseDown=function(e){e.preventDefault(),"number"==typeof e.button&&0!==e.button||(this.$onDragStart(e.clientX),window.addEventListener("mousemove",this.$onMouseMove),window.addEventListener("mouseup",this.$onMouseUp))},t.prototype.$onMouseMove=function(e){e.preventDefault(),this.$onDrag(e.clientX)},t.prototype.$onMouseUp=function(e){this.$onDragStop(e),window.removeEventListener("mousemove",this.$onMouseMove),window.removeEventListener("mouseup",this.$onMouseUp)},t.prototype.$onTouchStart=function(e){this.$checkedStateFromDragging=null,this.$onDragStart(e.touches[0].clientX)},t.prototype.$onTouchMove=function(e){this.$onDrag(e.touches[0].clientX)},t.prototype.$onTouchEnd=function(e){e.preventDefault(),this.$onDragStop(e)},t.prototype.$onInputChange=function(e){Date.now()-this.$lastDragAt>50&&(this.$onChange(e),Date.now()-this.$lastKeyUpAt>50&&this.$isMounted&&this.setState({$hasOutline:!1}))},t.prototype.$onKeyUp=function(){this.$lastKeyUpAt=Date.now()},t.prototype.$setHasOutline=function(){this.setState({$hasOutline:!0})},t.prototype.$unsetHasOutline=function(){this.setState({$hasOutline:!1})},t.prototype.$getInputRef=function(e){this.$inputRef=e},t.prototype.$onClick=function(e){e.preventDefault(),this.$inputRef.focus(),this.$onChange(e),this.$isMounted&&this.setState({$hasOutline:!1})},t.prototype.$onChange=function(e){var t=this.props,n=t.checked;(0,t.onChange)(!n,e,t.id)},t.prototype.render=function(){var e=this.props,t=e.checked,r=e.disabled,a=e.className,i=e.offColor,s=e.onColor,c=e.offHandleColor,u=e.onHandleColor,d=e.checkedIcon,p=e.uncheckedIcon,h=e.checkedHandleIcon,f=e.uncheckedHandleIcon,m=e.boxShadow,g=e.activeBoxShadow,b=e.height,v=e.width,y=e.borderRadius;e.handleDiameter;var x=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&-1===t.indexOf(r)&&(n[r]=e[r]);return n}(e,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),w=this.state,k=w.$pos,C=w.$isDragging,I=w.$hasOutline,E={position:"relative",display:"inline-block",textAlign:"left",opacity:r?.5:1,direction:"ltr",borderRadius:b/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},S={height:b,width:v,margin:Math.max(0,(this.$handleDiameter-b)/2),position:"relative",background:l(k,this.$checkedPos,this.$uncheckedPos,i,s),borderRadius:"number"==typeof y?y:b/2,cursor:r?"default":"pointer",WebkitTransition:C?null:"background 0.25s",MozTransition:C?null:"background 0.25s",transition:C?null:"background 0.25s"},T={height:b,width:Math.min(1.5*b,v-(this.$handleDiameter+b)/2+1),position:"relative",opacity:(k-this.$uncheckedPos)/(this.$checkedPos-this.$uncheckedPos),pointerEvents:"none",WebkitTransition:C?null:"opacity 0.25s",MozTransition:C?null:"opacity 0.25s",transition:C?null:"opacity 0.25s"},D={height:b,width:Math.min(1.5*b,v-(this.$handleDiameter+b)/2+1),position:"absolute",opacity:1-(k-this.$uncheckedPos)/(this.$checkedPos-this.$uncheckedPos),right:0,top:0,pointerEvents:"none",WebkitTransition:C?null:"opacity 0.25s",MozTransition:C?null:"opacity 0.25s",transition:C?null:"opacity 0.25s"},M={height:this.$handleDiameter,width:this.$handleDiameter,background:l(k,this.$checkedPos,this.$uncheckedPos,c,u),display:"inline-block",cursor:r?"default":"pointer",borderRadius:"number"==typeof y?y-1:"50%",position:"absolute",transform:"translateX("+k+"px)",top:Math.max(0,(b-this.$handleDiameter)/2),outline:0,boxShadow:I?g:m,border:0,WebkitTransition:C?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:C?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:C?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},L={height:this.$handleDiameter,width:this.$handleDiameter,opacity:Math.max(2*(1-(k-this.$uncheckedPos)/(this.$checkedPos-this.$uncheckedPos)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:C?null:"opacity 0.25s",MozTransition:C?null:"opacity 0.25s",transition:C?null:"opacity 0.25s"},A={height:this.$handleDiameter,width:this.$handleDiameter,opacity:Math.max(2*((k-this.$uncheckedPos)/(this.$checkedPos-this.$uncheckedPos)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:C?null:"opacity 0.25s",MozTransition:C?null:"opacity 0.25s",transition:C?null:"opacity 0.25s"};return n.createElement("div",{className:a,style:E},n.createElement("div",{className:"react-switch-bg",style:S,onClick:r?null:this.$onClick,onMouseDown:function(e){return e.preventDefault()}},d&&n.createElement("div",{style:T},d),p&&n.createElement("div",{style:D},p)),n.createElement("div",{className:"react-switch-handle",style:M,onClick:function(e){return e.preventDefault()},onMouseDown:r?null:this.$onMouseDown,onTouchStart:r?null:this.$onTouchStart,onTouchMove:r?null:this.$onTouchMove,onTouchEnd:r?null:this.$onTouchEnd,onTouchCancel:r?null:this.$unsetHasOutline},f&&n.createElement("div",{style:L},f),h&&n.createElement("div",{style:A},h)),n.createElement("input",o({},{type:"checkbox",role:"switch","aria-checked":t,checked:t,disabled:r,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},x,{ref:this.$getInputRef,onFocus:this.$setHasOutline,onBlur:this.$unsetHasOutline,onKeyUp:this.$onKeyUp,onChange:this.$onInputChange})))},t}(n.Component);u.propTypes={checked:r.bool.isRequired,onChange:r.func.isRequired,disabled:r.bool,offColor:c,onColor:c,offHandleColor:c,onHandleColor:c,handleDiameter:r.number,uncheckedIcon:r.oneOfType([r.bool,r.element]),checkedIcon:r.oneOfType([r.bool,r.element]),boxShadow:r.string,borderRadius:r.number,activeBoxShadow:r.string,uncheckedHandleIcon:r.element,checkedHandleIcon:r.element,height:r.number,width:r.number,id:r.string,className:r.string},u.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:a,checkedIcon:i,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56},t.default=u}(xv)),xv);var wv=Ne(bv.exports);const kv=t.div`
|
|
1708
1704
|
display: flex;
|
|
1709
1705
|
flex-direction: row;
|
|
1710
1706
|
gap: ${({theme:e})=>e.spacing.xs};
|
|
@@ -1787,9 +1783,9 @@ function uc(e,t,n){return t=kc(t),function(e,t){if(t&&("object"==typeof t||"func
|
|
|
1787
1783
|
border: 1px solid ${({theme:e})=>e.colors.border.neutral.subtlest.light}!important;
|
|
1788
1784
|
}
|
|
1789
1785
|
`};
|
|
1790
|
-
`,
|
|
1786
|
+
`,Cv=t.label`
|
|
1791
1787
|
cursor: pointer;
|
|
1792
|
-
`,
|
|
1788
|
+
`,Iv=t.textarea`
|
|
1793
1789
|
box-sizing: border-box;
|
|
1794
1790
|
width: 100%;
|
|
1795
1791
|
min-height: 124px;
|
|
@@ -1816,7 +1812,7 @@ function uc(e,t,n){return t=kc(t),function(e,t){if(t&&("object"==typeof t||"func
|
|
|
1816
1812
|
background: ${({theme:e})=>e.colors.bg.disabled.light};
|
|
1817
1813
|
border: 1px solid ${({theme:e})=>e.colors.border.disabled.light};
|
|
1818
1814
|
}
|
|
1819
|
-
`,
|
|
1815
|
+
`,Ev=e.forwardRef((function(t,n){const{disabled:r,errorMessage:o,hasError:a,hintText:i,id:s,label:l,labelSuffix:c,tooltip:u}=t,d=Po(t,["disabled","errorMessage","hasError","hintText","id","label","labelSuffix","tooltip"]);return e.createElement(Bd,{errorMessage:o,hasError:a,hintText:i,id:s,label:l,labelSuffix:c,tooltip:u},e.createElement(Iv,Object.assign({disabled:r,hasError:a,id:s,ref:n},d)))}));var Sv,Tv;exports.GapSize=void 0,(Sv=exports.GapSize||(exports.GapSize={})).XXS="xxs",Sv.XS="xs",Sv.SM="sm",Sv.MD="md",Sv.LG="lg",Sv.XL="xl",Sv.XXL="xxl",Sv.XXXL="xxxl",Sv.XXXXL="xxxxl",Sv.XXXXXL="xxxxxl",exports.StackDirection=void 0,(Tv=exports.StackDirection||(exports.StackDirection={})).column="column",Tv.row="row";const Dv=t.div`
|
|
1820
1816
|
display: flex;
|
|
1821
1817
|
flex-direction: ${({direction:e})=>e.toString()};
|
|
1822
1818
|
|
|
@@ -1841,5 +1837,5 @@ function uc(e,t,n){return t=kc(t),function(e,t){if(t&&("object"==typeof t||"func
|
|
|
1841
1837
|
`;case exports.GapSize.XXXXXL:return t.css`
|
|
1842
1838
|
gap: ${({theme:e})=>e.spacing.xxxxxl};
|
|
1843
1839
|
`;default:throw new Error("unexpected GapSize enum values in stack.styles.ts")}}}
|
|
1844
|
-
`;exports.Accordion=t=>{const{data:n}=t,[r,o]=e.useState(null);return e.createElement(i,null,n.map(((t,n)=>e.createElement(de,{key:t.id,content:t.content,description:t.description,icon:t.icon,id:t.id,isOpen:r===n,label:t.label,onClick:()=>(e=>{o((t=>t===e?null:e))})(n)}))))},exports.AccordionContent=he,exports.AccordionItem=de,exports.AccordionKeyValue=n=>{const{colorScheme:r,label:o,value:a}=n,i=t.useTheme(),s=H(null!=r?r:exports.ColorScheme.light);return e.createElement(he,{colorScheme:r},e.createElement(fe,null,e.createElement(d,{color:s(i.colors.fg.neutral.default),variant:exports.TypographyVariant.TEXT_SM,weight:exports.TypographyWeight.MEDIUM_500},o)),e.createElement(me,null,e.createElement(d,{color:s(i.colors.fg.neutral.subtle),variant:exports.TypographyVariant.TEXT_SM,weight:exports.TypographyWeight.MEDIUM_500},a)))},exports.AsyncSelect=t=>{const{control:n,defaultPlaceholder:r,name:o,optionIcon:a}=t,i=Po(t,["control","defaultPlaceholder","name","optionIcon"]),[s,l]=e.useState(),[c,u]=e.useState(r),d=()=>u("");return e.createElement(
|
|
1840
|
+
`;exports.Accordion=t=>{const{data:n}=t,[r,o]=e.useState(null);return e.createElement(i,null,n.map(((t,n)=>e.createElement(de,{key:t.id,content:t.content,description:t.description,icon:t.icon,id:t.id,isOpen:r===n,label:t.label,onClick:()=>(e=>{o((t=>t===e?null:e))})(n)}))))},exports.AccordionContent=he,exports.AccordionItem=de,exports.AccordionKeyValue=n=>{const{colorScheme:r,label:o,value:a}=n,i=t.useTheme(),s=H(null!=r?r:exports.ColorScheme.light);return e.createElement(he,{colorScheme:r},e.createElement(fe,null,e.createElement(d,{color:s(i.colors.fg.neutral.default),variant:exports.TypographyVariant.TEXT_SM,weight:exports.TypographyWeight.MEDIUM_500},o)),e.createElement(me,null,e.createElement(d,{color:s(i.colors.fg.neutral.subtle),variant:exports.TypographyVariant.TEXT_SM,weight:exports.TypographyWeight.MEDIUM_500},a)))},exports.AsyncSelect=t=>{const{control:n,defaultPlaceholder:r,name:o,optionIcon:a}=t,i=Po(t,["control","defaultPlaceholder","name","optionIcon"]),[s,l]=e.useState(),[c,u]=e.useState(r),d=()=>u("");return e.createElement(cv,{control:n,name:o,render:({field:t})=>{var n;return e.createElement(Fb,Object.assign({},i,t,{customComponents:{Input:fv,DropdownIndicator:null,Control:mv,Option:t=>((t,n)=>{var{children:r,data:o}=t,a=Po(t,["children","data"]);return e.createElement(xg.Option,Object.assign({data:o},a),e.createElement(dv,null,n&&e.createElement(oe,{size:n.size,type:n.type}),e.createElement(pv,null,r)))})(t,a)},inputValue:null===(n=t.value)||void 0===n?void 0:n.label,isSearchable:!0,loadingMessage:()=>null,noOptionsMessage:()=>null,placeholder:c,type:Vb.ASYNC_SELECT,value:s,onBlur:()=>(e=>{""===e.label&&u(r)})(t.value),onFocus:d,onChange:e=>((e,t)=>{t.onChange(e)})(e,t),onInputChange:(e,n)=>((e,{action:t},n)=>{"input-change"===t&&(l(null),n.onChange({value:null,label:e}))})(e,n,t)}))}})},exports.Button=we,exports.CalculatorResult=xa,exports.CalculatorResultBox=t=>{const{bodyItems:n,description:r,header:o,main:a,mediaType:i,modal:s}=t,[l,c]=e.useState(!1);return e.createElement(ka,{isDescriptionVisible:void 0!==r,mediaType:i},e.createElement(xa,{bodyItems:n,header:o,main:a}),e.createElement(Ca,null,void 0!==r&&e.createElement(Ia,null,e.createElement(d,{fullWidth:!0,textAlign:exports.TypographyTextAlign.CENTER,variant:exports.TypographyVariant.TEXT_SM},r)),void 0!==s&&e.createElement(e.Fragment,null,e.createElement(bn,{hideCloseButton:!1,isOpen:l,onClose:()=>{c(!1)}},s.content),e.createElement(Ea,null,e.createElement(Sa,{onClick:()=>{c(!0)}},e.createElement(d,{variant:exports.TypographyVariant.TEXT_SM,weight:exports.TypographyWeight.MEDIUM_500},s.text,e.createElement(Ta,null,e.createElement(Da,null,e.createElement(oe,{size:exports.IconSystemSize.big,type:exports.IconSystemType.chevronRight})))))))))},exports.Checkbox=mp,exports.DatePicker=ap,exports.EmailInput=Fd,exports.ErrorBox=n=>{const{colorScheme:r,content:o,items:a,title:i}=n,s=t.useTheme(),l=H(r);return e.createElement(Et,{chooseColor:l},void 0!==i&&e.createElement(d,{color:l(s.colors.fg.error),variant:exports.TypographyVariant.TEXT_LG,weight:exports.TypographyWeight.SEMI_BOLD_600},i),void 0!==a&&a.length>0&&e.createElement(Mt,{colorScheme:r,items:a}),void 0!==o&&o)},exports.FieldWrapper=Bd,exports.FormattedAmount=ei,exports.FormattedHtmlMessage=oa,exports.FormattedMessage=t=>{const{defaultMessage:n,description:r,id:o,values:a}=t;return e.createElement(ra,{defaultMessage:n,description:r,id:o,values:a},(t=>e.createElement("span",{"data-message-id":o},t)))},exports.FormattedPercentage=Ga,exports.IconProduct=an,exports.IconSystem=oe,exports.InfoConditional=ia,exports.Infobox=t=>{const{children:n,fullWidth:r,isWarning:o=!1,size:a,variant:i}=t;return e.createElement(Nt,{fullWidth:r,isWarning:o,size:a,variant:i},n)},exports.InputBase=Ad,exports.InputLabel=Od,exports.Loader=Wa,exports.LoaderOverlayBox=t=>{const{colorScheme:n,loaderSize:r}=t;return e.createElement(Ba,{colorScheme:n},e.createElement(Wa,{colorScheme:n,loaderSize:r}))},exports.Modal=bn,exports.PhoneInput=Hd,exports.Radio=Ep,exports.RadioButton=Lp,exports.RadioButtonsHorizontal=Wp,exports.SearchInput=_d,exports.Select=t=>{const{control:n,name:r}=t,o=Po(t,["control","name"]);return e.createElement(cv,{control:n,name:r,render:({field:t})=>e.createElement(Fb,Object.assign({},o,t))})},exports.SelectBase=Fb,exports.SelectField=t=>{const{control:n,errorMessage:r,hasError:o,hintText:a,id:i,label:s,labelSuffix:l,name:c,tooltip:u}=t,d=Po(t,["control","errorMessage","hasError","hintText","id","label","labelSuffix","name","tooltip"]);return e.createElement(Bd,{errorMessage:r,hasError:o,hintText:a,id:i,label:s,labelSuffix:l,tooltip:u},e.createElement(cv,{control:n,name:c,render:({field:t})=>e.createElement(uv,Object.assign({},d,{inputId:i,isError:o},t))}))},exports.Slider=It,exports.SliderInput=Ud,exports.Stack=t=>{const{children:n,direction:r=exports.StackDirection.column,gap:o=exports.GapSize.MD}=t,a=Po(t,["children","direction","gap"]);return e.createElement(Dv,Object.assign({direction:r,gap:o},a),n)},exports.Table=t=>{const{children:n,variant:r}=t;return e.createElement(Pt,{variant:r},n)},exports.TableBody=t=>{const{children:n,variant:r}=t;return e.createElement(Rt,{variant:r},n)},exports.TableData=t=>{const{align:n,children:r,delimiter:o=!1,variant:a,width:i}=t;return e.createElement(Wt,{align:n,delimiter:o,variant:a,width:i},r)},exports.TableHead=t=>{const{children:n,variant:r}=t;return e.createElement(Bt,{variant:r},n)},exports.TableHeadData=t=>{const{align:n,children:r,variant:o,width:a}=t;return e.createElement(Vt,{align:n,variant:o,width:a},r)},exports.TableRow=t=>{const{children:n,variant:r}=t;return e.createElement(Gt,{variant:r},n)},exports.Tabs=t=>{const{colorScheme:n,fullWidth:r,tabItems:o,variant:a}=t,i=H(n);return e.createElement(Zt,{fullWidth:r,chooseColor:i},o.map((t=>e.createElement(e.Fragment,{key:t.id},e.createElement(jt,{colorScheme:n,fullWidth:r,icon:t.icon,id:t.id,isActive:t.isActive,text:t.text,variant:a,onClick:t.onClick})))))},exports.TabsItem=jt,exports.TextArea=Ev,exports.TextInput=Qd,exports.Toggle=n=>{const{defaultValue:r,disabled:o,id:a,label:i,name:s,onChange:l}=n,c=t.useTheme(),[u,p]=e.useState(r),h=e.useCallback((e=>{p(e),void 0!==l&&l(e)}),[l]);return e.createElement(kv,{disabled:o,checked:u},e.createElement(wv,{activeBoxShadow:"",borderRadius:9999,className:"react-switch",disabled:o,handleDiameter:16,height:21,checked:u,checkedIcon:!1,id:a,name:s,offColor:c.colors.bg.neutral.white.light,offHandleColor:c.colors.bg.neutral.white.light,uncheckedIcon:!1,width:36,onColor:!0===o?c.colors.bg.neutral.white.light:c.colors.bg.brand.bold.light,onHandleColor:c.colors.bg.neutral.white.light,onChange:h}),void 0!==i&&e.createElement(Cv,{htmlFor:a},e.createElement(d,{variant:exports.TypographyVariant.TEXT_SM,weight:exports.TypographyWeight.MEDIUM_500},i)))},exports.TooltipGeneral=Do,exports.TooltipInfo=No,exports.TooltipInfoDisplayableCheck=t=>{const{body:n,colorScheme:r,displayMethod:o,title:a}=t,i=aa();return i(n)?e.createElement(e.Fragment,null,o===exports.TooltipInfoDisplayMethod.WITH_NBSP&&" ",e.createElement(No,{colorScheme:r,floatingElement:{body:e.createElement(oa,Object.assign({},n)),title:void 0!==a&&i(a)?e.createElement(oa,Object.assign({},a)):void 0}})):null},exports.TrailingTextInput=qd,exports.Typography=d,exports.getColor=F,exports.theme=fd,exports.useColorScheme=H,exports.useCreateTooltipFloatingElement=()=>{const t=aa();return e.useCallback(((n,r)=>{if(t(n))return{body:e.createElement(oa,Object.assign({},n)),title:void 0!==r&&t(r)?e.createElement(oa,Object.assign({},r)):void 0}}),[t])},exports.useFormatAmount=Fa,exports.useFormattedPercentage=Va,exports.useIsMessageDisplayable=aa;
|
|
1845
1841
|
//# sourceMappingURL=index.cjs.js.map
|