@mmb-digital/design-system-web 0.1.50 → 0.1.52
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 +29 -22
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.esm.js +39 -32
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -196,22 +196,29 @@
|
|
|
196
196
|
flex-direction: row;
|
|
197
197
|
gap: ${({theme:e})=>e.spacing.xl};
|
|
198
198
|
align-items: center;
|
|
199
|
-
`;var ge,be,ve;exports.ButtonStyle=void 0,(ge=exports.ButtonStyle||(exports.ButtonStyle={})).PRIMARY="primary",ge.SECONDARY="secondary",ge.TERTIARY="tertiary",exports.ButtonSize=void 0,(be=exports.ButtonSize||(exports.ButtonSize={})).MD="md",be.SM="sm",be.XL="xl",be.XS="xs",be.XXL="xxl",exports.ButtonType=void 0,(ve=exports.ButtonType||(exports.ButtonType={})).BUTTON="button",ve.RESET="reset",ve.SUBMIT="submit";const ye=t.button`
|
|
199
|
+
`;var ge,be,ve;exports.ButtonStyle=void 0,(ge=exports.ButtonStyle||(exports.ButtonStyle={})).PRIMARY="primary",ge.SECONDARY="secondary",ge.TERTIARY="tertiary",exports.ButtonSize=void 0,(be=exports.ButtonSize||(exports.ButtonSize={})).MD="md",be.SM="sm",be.XL="xl",be.XS="xs",be.XXL="xxl",exports.ButtonType=void 0,(ve=exports.ButtonType||(exports.ButtonType={})).ANCHOR="anchor",ve.BUTTON="button",ve.RESET="reset",ve.SUBMIT="submit";const ye=t.button`
|
|
200
200
|
/* common styles */
|
|
201
|
+
box-sizing: border-box;
|
|
201
202
|
display: flex;
|
|
202
203
|
flex-shrink: 0;
|
|
203
204
|
align-items: center;
|
|
204
205
|
justify-content: center;
|
|
205
|
-
width: ${({fullWidth:e})=>!0===e?"100%":"initial"};
|
|
206
|
+
width: ${({$fullWidth:e,$type:t})=>!0===e?"100%":t===exports.ButtonType.ANCHOR?"fit-content":"initial"};
|
|
207
|
+
text-decoration: none;
|
|
206
208
|
cursor: pointer;
|
|
207
209
|
|
|
210
|
+
&:hover {
|
|
211
|
+
text-decoration: none;
|
|
212
|
+
}
|
|
213
|
+
|
|
208
214
|
/* type specific styles */
|
|
209
|
-
${({buttonStyle:e})=>{switch(e){case exports.ButtonStyle.PRIMARY:return t.css`
|
|
215
|
+
${({$buttonStyle:e})=>{switch(e){case exports.ButtonStyle.PRIMARY:return t.css`
|
|
210
216
|
color: ${({theme:e})=>e.colors.fg.neutral.white.light};
|
|
211
217
|
background-color: ${({theme:e})=>e.colors.bg.brand.bold.light};
|
|
212
218
|
border: 1px solid ${({theme:e})=>e.colors.border.brand.bold.light};
|
|
213
219
|
|
|
214
220
|
&:hover {
|
|
221
|
+
color: ${({theme:e})=>e.colors.fg.neutral.white.light};
|
|
215
222
|
background-color: ${({theme:e})=>e.colors.bg.brand.bold.hover.light};
|
|
216
223
|
}
|
|
217
224
|
|
|
@@ -242,6 +249,10 @@
|
|
|
242
249
|
border: 2px solid ${({theme:e})=>e.colors.border.brand.subtle.light};
|
|
243
250
|
}
|
|
244
251
|
|
|
252
|
+
&:hover {
|
|
253
|
+
color: ${({theme:e})=>e.colors.fg.neutral.subtle.light};
|
|
254
|
+
}
|
|
255
|
+
|
|
245
256
|
&:disabled {
|
|
246
257
|
color: ${({theme:e})=>e.colors.fg.disabled.light};
|
|
247
258
|
background-color: ${({theme:e})=>e.colors.bg.neutral.white.light};
|
|
@@ -259,6 +270,7 @@
|
|
|
259
270
|
border: none;
|
|
260
271
|
|
|
261
272
|
&:hover {
|
|
273
|
+
color: ${({theme:e})=>e.colors.fg.neutral.subtle.light};
|
|
262
274
|
background-color: ${({theme:e})=>e.colors.bg.brand.default.light};
|
|
263
275
|
}
|
|
264
276
|
|
|
@@ -277,7 +289,7 @@
|
|
|
277
289
|
`;default:return""}}}
|
|
278
290
|
|
|
279
291
|
/* size specific styles */
|
|
280
|
-
${({size:e})=>{switch(e){case exports.ButtonSize.XS:return t.css`
|
|
292
|
+
${({$size:e})=>{switch(e){case exports.ButtonSize.XS:return t.css`
|
|
281
293
|
gap: ${({theme:e})=>e.spacing.xxs};
|
|
282
294
|
min-height: ${({theme:e})=>e.spacing.xl};
|
|
283
295
|
padding: ${({theme:e})=>e.spacing.xxs} ${({theme:e})=>e.spacing.xs};
|
|
@@ -327,7 +339,7 @@
|
|
|
327
339
|
display: flex;
|
|
328
340
|
align-items: center;
|
|
329
341
|
height: 100%;
|
|
330
|
-
`,we=t=>{const{buttonStyle:n,children:r,disabled:o=!1,displayOnlyIcon:a=!1,fullWidth:i=!1,
|
|
342
|
+
`,we=t=>{const{buttonStyle:n,children:r,disabled:o=!1,displayOnlyIcon:a=!1,fullWidth:i=!1,href:s,iconLeft:l,iconRight:c,onClick:u,size:d,type:p=exports.ButtonType.BUTTON}=t;return e.createElement(ye,{$buttonStyle:n,$fullWidth:i,$size:d,$type:p,as:p===exports.ButtonType.ANCHOR?"a":void 0,disabled:o,href:s,onClick:u},void 0!==l&&e.createElement(xe,null,l),!a&&e.createElement(e.Fragment,null,r,void 0!==c&&e.createElement(xe,null,c)))};function ke(e){return ke="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ke(e)}function Ce(e){var t=function(e,t){if("object"!=ke(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=ke(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==ke(t)?t:String(t)}function Ie(e,t,n){return(t=Ce(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Ee(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Se(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ee(Object(n),!0).forEach((function(t){Ie(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ee(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Te(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function De(e,t){if(e){if("string"==typeof e)return Te(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Te(e,t):void 0}}function Me(e){return function(e){if(Array.isArray(e))return Te(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||De(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Le(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,i,s=[],l=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=a.call(n)).done)&&(s.push(r.value),s.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return s}}(e,t)||De(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var Ae="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function Ne(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Oe,Pe={exports:{}};
|
|
331
343
|
/*!
|
|
332
344
|
Copyright (c) 2018 Jed Watson.
|
|
333
345
|
Licensed under the MIT License (MIT), see
|
|
@@ -1671,10 +1683,6 @@ function uc(e,t,n){return t=kc(t),function(e,t){if(t&&("object"==typeof t||"func
|
|
|
1671
1683
|
div[role='option'] {
|
|
1672
1684
|
display: flex;
|
|
1673
1685
|
align-items: center;
|
|
1674
|
-
|
|
1675
|
-
svg {
|
|
1676
|
-
margin-right: ${({theme:e})=>e.spacing.xxs};
|
|
1677
|
-
}
|
|
1678
1686
|
}
|
|
1679
1687
|
}
|
|
1680
1688
|
`,Rb=t.div`
|
|
@@ -1692,20 +1700,19 @@ function uc(e,t,n){return t=kc(t),function(e,t){if(t&&("object"==typeof t||"func
|
|
|
1692
1700
|
overflow: hidden;
|
|
1693
1701
|
text-overflow: ellipsis;
|
|
1694
1702
|
white-space: nowrap;
|
|
1695
|
-
|
|
1696
|
-
svg {
|
|
1697
|
-
margin-right: ${({theme:e})=>e.spacing.xxs};
|
|
1698
|
-
}
|
|
1699
|
-
`;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)`
|
|
1700
|
-
width: 100%;
|
|
1701
|
-
`,uv=t.styled.div`
|
|
1703
|
+
`,Bb=t.div`
|
|
1702
1704
|
display: flex;
|
|
1705
|
+
margin-right: ${e=>e.theme.spacing.xxs};
|
|
1706
|
+
`;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)`
|
|
1707
|
+
width: 100%;
|
|
1703
1708
|
`,dv=t.styled.div`
|
|
1704
|
-
|
|
1709
|
+
display: flex;
|
|
1705
1710
|
`,pv=t.styled.div`
|
|
1711
|
+
margin: auto 0;
|
|
1712
|
+
`,hv=t.styled.div`
|
|
1706
1713
|
display: flex;
|
|
1707
1714
|
margin-left: 5px;
|
|
1708
|
-
`,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`
|
|
1715
|
+
`,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`
|
|
1709
1716
|
display: flex;
|
|
1710
1717
|
flex-direction: row;
|
|
1711
1718
|
gap: ${({theme:e})=>e.spacing.xs};
|
|
@@ -1788,9 +1795,9 @@ function uc(e,t,n){return t=kc(t),function(e,t){if(t&&("object"==typeof t||"func
|
|
|
1788
1795
|
border: 1px solid ${({theme:e})=>e.colors.border.neutral.subtlest.light}!important;
|
|
1789
1796
|
}
|
|
1790
1797
|
`};
|
|
1791
|
-
`,
|
|
1798
|
+
`,Cv=t.label`
|
|
1792
1799
|
cursor: pointer;
|
|
1793
|
-
`,
|
|
1800
|
+
`,Iv=t.textarea`
|
|
1794
1801
|
box-sizing: border-box;
|
|
1795
1802
|
width: 100%;
|
|
1796
1803
|
min-height: 124px;
|
|
@@ -1817,7 +1824,7 @@ function uc(e,t,n){return t=kc(t),function(e,t){if(t&&("object"==typeof t||"func
|
|
|
1817
1824
|
background: ${({theme:e})=>e.colors.bg.disabled.light};
|
|
1818
1825
|
border: 1px solid ${({theme:e})=>e.colors.border.disabled.light};
|
|
1819
1826
|
}
|
|
1820
|
-
`,
|
|
1827
|
+
`,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`
|
|
1821
1828
|
display: flex;
|
|
1822
1829
|
flex-direction: ${({direction:e})=>e.toString()};
|
|
1823
1830
|
|
|
@@ -1842,5 +1849,5 @@ function uc(e,t,n){return t=kc(t),function(e,t){if(t&&("object"==typeof t||"func
|
|
|
1842
1849
|
`;case exports.GapSize.XXXXXL:return t.css`
|
|
1843
1850
|
gap: ${({theme:e})=>e.spacing.xxxxxl};
|
|
1844
1851
|
`;default:throw new Error("unexpected GapSize enum values in stack.styles.ts")}}}
|
|
1845
|
-
`;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(
|
|
1852
|
+
`;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;
|
|
1846
1853
|
//# sourceMappingURL=index.cjs.js.map
|