examplepackageversion
Version:
React components library project for Innovaccer Design System
1 lines • 256 kB
JavaScript
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("react-dom")):"function"==typeof define&&define.amd?define(["exports","react","react-dom"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).InnovaccerDesignSystem={},e.React,e.ReactDOM)}(this,function(e,G,t){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(n){if(n&&n.__esModule)return n;var a=Object.create(null);return n&&Object.keys(n).forEach(function(e){var t;"default"!==e&&(t=Object.getOwnPropertyDescriptor(n,e),Object.defineProperty(a,e,t.get?t:{enumerable:!0,get:function(){return n[e]}}))}),a.default=n,Object.freeze(a)}var le=a(G),b=n(G),h=a(t),r=Object.freeze({__proto__:null,colorToHex:function(e){return getComputedStyle(document.documentElement).getPropertyValue("--".concat(e))}});function o(t,e){var n,a=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),a.push.apply(a,n)),a}function q(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?o(Object(n),!0).forEach(function(e){se(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function A(e){return(A="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})(e)}function s(e,t,n,a,r,o,i){try{var l=e[o](i),s=l.value}catch(e){return void n(e)}l.done?t(s):Promise.resolve(s).then(a,r)}function l(l){return function(){var e=this,i=arguments;return new Promise(function(t,n){var a=l.apply(e,i);function r(e){s(a,t,n,r,o,"next",e)}function o(e){s(a,t,n,r,o,"throw",e)}r(void 0)})}}function m(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function p(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}function se(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ce(){return(ce=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n,a=arguments[t];for(n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e}).apply(this,arguments)}function f(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&u(e,t)}function c(e){return(c=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function u(e,t){return(u=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function $(e,t){if(null==e)return{};var n,a=function(e,t){if(null==e)return{};for(var n,a={},r=Object.keys(e),o=0;o<r.length;o++)n=r[o],0<=t.indexOf(n)||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols)for(var r=Object.getOwnPropertySymbols(e),o=0;o<r.length;o++)n=r[o],0<=t.indexOf(n)||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n]);return a}function v(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function g(n){var a=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(e){return!1}}();return function(){var e,t=c(n);return e=a?(e=c(this).constructor,Reflect.construct(t,arguments,e)):t.apply(this,arguments),t=this,!(e=e)||"object"!=typeof e&&"function"!=typeof e?v(t):e}}function ue(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 a,r,o=[],i=!0,l=!1;try{for(n=n.call(e);!(i=(a=n.next()).done)&&(o.push(a.value),!t||o.length!==t);i=!0);}catch(e){l=!0,r=e}finally{try{i||null==n.return||n.return()}finally{if(l)throw r}}return o}}(e,t)||d(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.")}()}function Y(e){return function(e){if(Array.isArray(e))return y(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||d(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 d(e,t){if(e){if("string"==typeof e)return y(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Map"===(n="Object"===n&&e.constructor?e.constructor.name:n)||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?y(e,t):void 0}}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function E(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=d(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var a=0,t=function(){};return{s:t,n:function(){return a>=e.length?{done:!0}:{done:!1,value:e[a++]}},e:function(e){throw e},f:t}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,o=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){i=!0,r=e},f:function(){try{o||null==n.return||n.return()}finally{if(i)throw r}}}}function S(e,t){return t?"number"!=typeof t?t:(t=k(e,t),x(e,t)):""}var w=(se(io={},"hh:mm","--:--"),se(io,"hh:mm AM","--:-- AM"),io),N=function(e){return"hh:mm AM"===e},C=function(e){return{hrs:e%12||12,AMPM:e<12?"AM":"PM"}},D=function(e,t){var n=e;return t?("PM"===t&&e<12?n=e+12:"AM"===t&&12===e&&(n=e-12),n):e},k=function(e,t){var n=new Date(t),a=n.getHours(),t=N(e)?C(a).hrs:a,a=N(e)?C(a).AMPM:"";return{hours:t,minutes:n.getMinutes(),seconds:n.getSeconds(),am_pm:a}},O=function(e,t){var n=0,a=0,r=e.length,o=t.length,i=e.substring(r-2,r),l="AM"===i||"PM"===i,i=l?t.substring(o-2,o):"",t=l?t.substring(0,o-3):t,e=l?e.substring(0,r-3):e,s=t.split(":");return e.split(":").forEach(function(e,t){switch(e){case"hh":n=+s[t]||0;break;case"mm":a=+s[t]||0}}),{hours:n,minutes:a,am_pm:i}},x=function(e,t){var n=t.hours,a=t.minutes,r=t.am_pm,t=e.split(" ")[0].split(":"),o="";return t.forEach(function(e,t){switch(e){case"hh":o+=n<10?"0".concat(n):n;break;case"mm":o+=a<10?"0".concat(a):a}t!==e.length-1&&(o+=":")}),o+=N(e)&&r?" ".concat(r):""},M=function(e){for(var t=arguments.length,n=new Array(1<t?t-1:0),a=1;a<t;a++)n[a-1]=arguments[a];return(Array.isArray(e)?e:[e]).every(function(e){return e.apply(void 0,n)})},I=function(e,t){function n(e,t,n){var a=[31,28,31,30,31,30,31,31,30,31,30,31];return(n%400==0||n%100!=0&&n%4==0)&&(a[1]=29),t<=12&&e<=a[t-1]}var a;switch(t){case"dd/mm/yyyy":return n(+(a=e.split("/"))[0]||1,+a[1]||1,+a[2]||1900);case"mm/dd/yyyy":return n(+(a=e.split("/"))[1]||1,+a[0]||1,+a[2]||1900);case"yyyy/mm/dd":return n(+(a=e.split("/"))[2]||1,+a[1]||1,+a[0]||1900);case"dd-mm-yyyy":return n(+(a=e.split("-"))[0]||1,+a[1]||1,+a[2]||1900);case"mm-dd-yyyy":return n(+(a=e.split("-"))[1]||1,+a[0]||1,+a[2]||1900);case"yyyy-mm-dd":return n(+(a=e.split("-"))[2]||1,+a[1]||1,+a[0]||1900);default:return!1}},P=function(e,t){var n=O(t,e),e=n.hours,n=n.minutes;return(N(t)?e<=12:e<24)&&n<=60},T=Object.freeze({__proto__:null,isValid:M,date:I,time:P}),F={"dd/mm/yyyy":[/[0123]/,/\d/,"/",/\[01]/,/\d/,"/",/\d/,/\d/,/\d/,/\d/],"mm/dd/yyyy":[/[01]/,/\d/,"/",/[0123]/,/\d/,"/",/\d/,/\d/,/\d/,/\d/],"yyyy/mm/dd":[/\d/,/\d/,/\d/,/\d/,"/",/[01]/,/\d/,"/",/[0123]/,/\d/],"dd-mm-yyyy":[/[0123]/,/\d/,"-",/[01]/,/\d/,"-",/\d/,/\d/,/\d/,/\d/],"mm-dd-yyyy":[/[01]/,/\d/,"-",/[0123]/,/\d/,"-",/\d/,/\d/,/\d/,/\d/],"yyyy-mm-dd":[/\d/,/\d/,/\d/,/\d/,"-",/[01]/,/\d/,"-",/[0123]/,/\d/]},R={"dd/mm/yyyy":[/[0123]/,/\d/,"/",/\[01]/,/\d/,"/",/\d/,/\d/,/\d/,/\d/," ","-"," ",/[0123]/,/\d/,"/",/\[01]/,/\d/,"/",/\d/,/\d/,/\d/,/\d/],"mm/dd/yyyy":[/[01]/,/\d/,"/",/[0123]/,/\d/,"/",/\d/,/\d/,/\d/,/\d/," ","-"," ",/[01]/,/\d/,"/",/[0123]/,/\d/,"/",/\d/,/\d/,/\d/,/\d/],"yyyy/mm/dd":[/\d/,/\d/,/\d/,/\d/,"/",/[01]/,/\d/,"/",/[0123]/,/\d/," ","-"," ",/\d/,/\d/,/\d/,/\d/,"/",/[01]/,/\d/,"/",/[0123]/,/\d/],"dd-mm-yyyy":[/[0123]/,/\d/,"-",/[01]/,/\d/,"-",/\d/,/\d/,/\d/,/\d/," ","-"," ",/[0123]/,/\d/,"-",/[01]/,/\d/,"-",/\d/,/\d/,/\d/,/\d/],"mm-dd-yyyy":[/[01]/,/\d/,"-",/[0123]/,/\d/,"-",/\d/,/\d/,/\d/,/\d/," ","-"," ",/[01]/,/\d/,"-",/[0123]/,/\d/,"-",/\d/,/\d/,/\d/,/\d/],"yyyy-mm-dd":[/\d/,/\d/,/\d/,/\d/,"-",/[01]/,/\d/,"-",/[0123]/,/\d/," ","-"," ",/\d/,/\d/,/\d/,/\d/,"-",/[01]/,/\d/,"-",/[0123]/,/\d/]},L=(se(fo={},"hh:mm",[/[0-1-2]/,/\d/,":",/[0-5]/,/\d/]),se(fo,"hh:mm AM",[/[0-1]/,/\d/,":",/[0-5]/,/\d/," ",/[APap]/,"M"]),fo),z=Object.freeze({__proto__:null,css:r,validators:T,masks:Object.freeze({__proto__:null,date:F,rangeDate:R,time:L})}),B="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function H(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function _(e,t){return e(t={exports:{}},t.exports),t.exports}var de=_(function(e){function i(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var a,r=typeof n;if("string"==r||"number"==r)e.push(n);else if(Array.isArray(n))!n.length||(a=i.apply(null,n))&&e.push(a);else if("object"==r)if(n.toString===Object.prototype.toString)for(var o in n)l.call(n,o)&&n[o]&&e.push(o);else e.push(n.toString())}}return e.join(" ")}var l;l={}.hasOwnProperty,e.exports?e.exports=i.default=i:window.classNames=i}),pe=function(n){return["className","data-test"].reduce(function(e,t){return n[t]?q(q({},e),{},se({},t,n[t])):q({},e)},{})},j=function(e,t,n){return Object.entries(e).filter(function(e){return n?t.includes(e[0]):!t.includes(e[0])}).reduce(function(e,t){return e[t[0]]=t[1],e},{})},W=function(e){function t(){return le.createElement("span",ce({"data-test":"DesignSystem-Avatar"},u,{className:m}),d&&le.createElement(ye,{weight:"medium",appearance:"white",className:f},d),!d&&le.createElement(be,{"data-test":"DesignSystem-Avatar--Icon",name:"person",size:"regular"===r?16:12,appearance:"white",className:h}))}var n=e.withTooltip,a=e.tooltipPosition,r=e.size,o=e.children,i=e.firstName,l=e.lastName,s=e.className,c=e.appearance,u=pe(e),d=o?o.trim().slice(0,2):"".concat(i?i.trim()[0]:"").concat(l?l.trim()[0]:""),p=o||"".concat(i||""," ").concat(l||"")||"",l=c||["accent4","primary","accent3","alert","accent2","warning","accent1","success"][(d.charCodeAt(0)+(d.charCodeAt(1)||0))%8]||"secondary",m=de((se(c={Avatar:!0},"Avatar--".concat(r),r),se(c,"Avatar--".concat(l),l),se(c,"Avatar--disabled",!d||!n),c),s),f=de((se(s={},"Avatar-content--".concat(r),r),se(s,"Avatar-content--".concat(l),l),s)),h=de(se({},"Avatar-content--".concat(l),l));return n&&d?le.createElement(Si,{tooltip:p,position:a,triggerClass:"flex-grow-0"},t()):t()};W.displayName="Avatar",W.defaultProps={tooltipPosition:"bottom",withTooltip:!0,size:"regular"};function V(e){var t=e.max,n=e.borderColor,a=e.popoverOptions,r=e.tooltipPosition,o=e.list,i=e.className,l=a.popperRenderer,s=void 0===(p=a.maxHeight)?150:p,c=void 0===(u=a.position)?"bottom":u,u=void 0===(p=a.on)?"hover":p,d=void 0===(p=a.dark)||p,p=void 0===(p=a.appendToBody)||p,a=void 0===(a=a.popperClassName)?"":a,e=pe(e),m=o.length>t?9<o.length-t?9:o.length-t:0,f={borderRadius:"50%",backgroundColor:"".concat(n),border:"var(--spacing-xs) solid ".concat(n),boxShadow:"0 0 0 var(--spacing-xs) ".concat(n)},n=de(se({},"AvatarGroup",!0),i),i=de(se({},"AvatarGroup-Popper",!0),a),a=le.createElement("div",{"data-test":"DesignSystem-AvatarGroup--TriggerAvatar",style:f},le.createElement(W,{appearance:"secondary",firstName:"+",lastName:"".concat(m),withTooltip:!1}));return le.createElement("div",ce({"data-test":"DesignSystem-AvatarGroup"},e,{className:"".concat(n," d-inline-flex")}),o.slice(0,t).map(function(e,t){var n=e.appearance,a=e.firstName,e=e.lastName;return le.createElement("div",{"data-test":"DesignSystem-AvatarGroup--Avatar",className:"AvatarGroup-item",style:f,key:t},le.createElement(W,{appearance:n,firstName:a,lastName:e,withTooltip:!0,tooltipPosition:r}))}),0<o.length-t&&le.createElement(ii,{on:u,dark:d,trigger:a,position:c,appendToBody:p,className:i},(o=o.slice(t,o.length),l?l(o):le.createElement("div",{className:"py-6 pr-4 pl-6"},le.createElement("div",{className:"AvatarGroup-TextWrapper",style:{maxHeight:s}},o.map(function(e,t){var n=e.firstName,e=e.lastName,e=void 0===e?"":e,e="".concat(void 0===n?"":n," ").concat(e);return le.createElement(ye,{key:t,appearance:d?"white":"default",className:t<m-1?"mb-5":"","data-test":"DesignSystem-AvatarGroup--Text"},e)}))))))}V.displayName="AvatarGroup",V.defaultProps={max:2,borderColor:"var(--white)",tooltipPosition:"bottom",popoverOptions:{}};function U(e){function t(){document.body.style.overflow=o||"",i(null)}var n=e.className,a=pe(e),r=ue(K(null),2),o=r[0],i=r[1],l=(c=ue(le.useState(e.open),2))[0],s=c[1],c=(r=ue(le.useState(e.open),2))[0],u=r[1],n=de({Backdrop:!0,"Backdrop--open":l,"Backdrop-animation--open":c,"Backdrop-animation--close":!c},n);return X(function(){return e.open&&(i(document.body.style.overflow),document.body.style.setProperty("overflow","hidden","important"),s(!0),u(!0)),e.open||(window.setTimeout(function(){s(!1)},120),u(!1),t()),function(){t()}},[e.open]),h.createPortal(le.createElement("div",ce({"data-test":"DesignSystem-Backdrop","data-layer":!0},a,{className:n})),document.body)}var X=le.useEffect,K=le.useState;U.displayName="Backdrop";function J(e){var t=e.appearance,n=e.children,a=e.subtle,r=e.className,o=pe(e),r=de((se(e={Badge:!0},"Badge--".concat(t),t&&!a),se(e,"Badge--subtle-".concat(t),a),e),r);return le.createElement("span",ce({"data-test":"DesignSystem-Badge"},o,{className:r}),n)}function Z(i,l,s,c){var u,d=!1,p=0;function m(){u&&clearTimeout(u)}function e(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];var a=this,r=Date.now()-p;function o(){p=Date.now(),s.apply(a,t)}d||(c&&!u&&o(),m(),void 0===c&&i<r?o():!0!==l&&(u=setTimeout(c?function(){u=void 0}:o,void 0===c?i-r:i)))}return"boolean"!=typeof l&&(c=s,s=l,l=void 0),e.cancel=function(){m(),d=!0},e}function Q(e,t,n){return void 0===n?Z(e,t,!1):Z(e,n,!1!==t)}J.displayName="Badge",J.defaultProps={appearance:"secondary"};function me(e,n){return e.length===n.length&&e.every(function(e,t){return e.value===n[t].value||e.label===n[t].label})}function ee(e){return void 0!==e}function te(e){return void 0!==e}function ne(e,t,n){return e&&n&&""===t}function fe(e,t,n,a){return a&&n&&0===t&&""===e}function ae(e,t,n){if(e.length){if(0<e.length&&0<n&&e.length===t-n)return{indeterminate:!0,checked:!0};n=0<e.length&&e.length!==t;return{checked:0<e.length&&e.length===t,indeterminate:n}}return{indeterminate:!1,checked:!1}}var he=function(e,t){e.scrollTo(0,t)},re=["triggerSize","placeholder","menu","children","icon","disabled","open","inlineLabel","error"],ve=le.forwardRef(function(e,t){var n=e.triggerSize,a=void 0===n?"regular":n,r=e.placeholder,o=void 0===r?"Select":r,i=e.menu,l=void 0!==i&&i,s=e.children,c=e.icon,u=e.disabled,d=e.open,p=e.inlineLabel,m=e.error,n=$(e,re),r=u?"disabled":"default",i=o.trim(),e=s||i,o=l?c||"more_horiz":"keyboard_arrow_down",m=de((se(i={},"Button",!0),se(i,"DropdownButton",!0),se(i,"DropdownButton--".concat(a),a),se(i,"DropdownButton--".concat(a,"Square"),l),se(i,"DropdownButton--placeholder",!s&&!l),se(i,"DropdownButton--icon",c),se(i,"DropdownButton--open",d),se(i,"DropdownButton--error",m),i)),i=de((se(i={},"Text",!0),se(i,"Text--regular",!0),se(i,"DropdownButton-text",!0),i));return le.createElement("button",ce({ref:t,type:"button",value:s,className:m,disabled:u,tabIndex:0,"data-test":"DesignSystem-DropdownTrigger"},n),!l&&le.createElement("div",{className:"DropdownButton-wrapper"},p&&le.createElement(ye,{appearance:"subtle",className:"mr-4"},"".concat(p.trim().charAt(0).toUpperCase()).concat(p.trim().slice(1))),c&&!p&&le.createElement(be,{appearance:r,className:"d-flex align-items-center mr-4",name:c}),e&&le.createElement("span",{className:i},e)),le.createElement(be,{appearance:r,name:o}))});ve.displayName="DropdownButton";function oe(e){var t=e.children,n=void 0===(a=e.componentType)?"span":a,a=e.className,e=$(e,ie);return le.createElement(n,q(q({},e),{},{className:a}),t)}var ie=["children","componentType","className"],ge=["appearance","size","children","weight","small","className"],ye=function(e){var t=e.appearance,n=e.size,a=e.children,r=e.weight,o=e.small,i=e.className,l=$(e,ge),i=de((se(e={Text:!0},"Text--".concat(t),t),se(e,"Text--".concat(r),r),se(e,"Text--".concat(n),n),se(e,"Text--small","small"===n||o),e),i);return le.createElement(oe,ce({"data-test":"DesignSystem-Text"},l,{className:i,componentType:"span"}),a)};ye.displayName="Text",ye.defaultProps={appearance:"default",size:"regular"};var be=function(e){function t(e){return"outline"===e?"outlined":"rounded"===e?"round":e}var n,a,r=e.appearance,o=e.className,i=e.name,l=e.size,s=e.onClick,c=e.children,u=pe(e),d=t(e.type),p=r&&r.includes("_")?(a=(n=r).indexOf("_"),n.slice(0,a)+n.charAt(a+1).toUpperCase()+n.slice(a+2)):r,e=de((se(e={},"material-icons",!0),se(e,"material-icons-".concat(t(d)),d&&"filled"!==d),se(e,"Icon",!0),se(e,"Icon--".concat(p),r),se(e,"".concat(o),o),e)),l={fontSize:"".concat(l,"px"),width:"".concat(l,"px")};return c&&le.isValidElement(c)?le.createElement("span",ce({},u,{className:o}),c):le.createElement("i",ce({},u,{className:e,style:l,onClick:s}),d?"".concat(i,"_").concat(d):i)};be.displayName="Icon",be.defaultProps={size:16,type:"round"};function Ee(){var n=(new Date).getTime();return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(e){var t=(n+16*Math.random())%16|0;return n=Math.floor(n/16),("x"===e?t:3&t|8).toString(16)})}var Se=["size","tabIndex","defaultChecked","indeterminate","label","disabled","onChange","name","value","className","checked"],we=le.forwardRef(function(t,e){var n=t.size,a=void 0===n?"regular":n,r=t.tabIndex,o=void 0===r?0:r,i=t.defaultChecked,l=t.indeterminate,s=t.label,c=t.disabled,u=t.onChange,d=t.name,p=t.value,m=t.className;t.checked;var f=$(t,Se),h=le.useRef(null);le.useImperativeHandle(e,function(){return h.current});var v=ue(le.useState(void 0===t.checked?i:t.checked),2),g=v[0],y=v[1];le.useEffect(function(){S(l)},[l]),le.useEffect(function(){void 0!==t.checked&&y(t.checked)},[t.checked]);var b=de((se(E={},"Checkbox",!0),se(E,"Checkbox--disabled",c),E),m),n=de((se(w={},"Checkbox-outerWrapper",!0),se(w,"Checkbox-outerWrapper--".concat(a),a),w)),r=de(se({},"Checkbox-label",!0)),v=de((se(e={},"Checkbox-input",!0),se(e,"Checkbox-input--checked",g),se(e,"Checkbox-input--indeterminate",t.indeterminate),e)),E=de(se({},"Checkbox-wrapper",!0)),S=function(e){h.current.indeterminate=e},m="".concat(d,"-").concat(s,"-").concat(Ee()),w=l?"remove":g?"check":"",e="tiny"===a?12:16;return le.createElement("div",{className:b},le.createElement("div",{className:n},le.createElement("input",ce({},f,{type:"checkbox",defaultChecked:i,onChange:function(e){void 0===t.checked&&(y(e.target.checked),S(e.target.indeterminate)),u&&u(e)},checked:g,disabled:c,ref:h,name:d,value:p,className:v,tabIndex:o,id:m})),le.createElement("span",{className:E},w&&le.createElement(be,{name:w,size:e,appearance:"white"}))),s&&s.trim()&&le.createElement("label",{htmlFor:m,className:r},le.createElement(ye,{size:"tiny"===a?"small":"regular",appearance:c?"disabled":"default"},s.trim())))});we.displayName="Checkbox";function Ne(e){var t=e.optionData,r=e.selected,n=e.onClick,a=e.updateActiveOption,o=e.onChange,i=e.active,l=e.index,s=e.checkboxes,c=e.menu,u=void 0===(h=(t.optionType?t:e).optionType)?"DEFAULT":h,d=t.disabled,p=de((se(f={},"Option",!0),se(f,"Option--active",i),se(f,"Option--selected",r&&!c),se(f,"Option--disabled",d),se(f,"OptionWrapper",!0),f)),m=de((se(v={},"Option-checkbox",!0),se(v,"Option-checkbox--active",i),se(v,"OptionWrapper",!0),v)),f=de((se(h={},"Option-text",!0),se(h,"Option-text--wrap",!e.truncateOption),h)),h=de((se(v={},"OptionWrapper",!0),se(v,"OptionWrapper--disabled",d),v)),v=function(){d||a&&a(l)};return e.optionRenderer?le.createElement("div",ce({className:h,"data-disabled":d,onMouseEnter:v},!s&&{onClick:n}),e.optionRenderer({optionData:t,selected:r,onChange:o,active:i,index:l})):(0,Ce[u=s?"WITH_CHECKBOX":u])({selected:r,index:l,renderSubInfo:function(e){var t=d?"disabled":r?"white":"subtle",n=r?"white":"disabled";if("string"==typeof e)return le.createElement(ye,{appearance:t},e);var a=e.list,e=e.seperator;return le.createElement(Wt,{list:void 0===a?[]:a,seperator:e,iconAppearance:n,labelAppearance:t,seperatorAppearance:n})},optionData:t,textClassName:f,appearance:d?"disabled":r&&!c?"white":"default",onClickHandler:function(e){e.stopPropagation(),d||n&&n()},onChangeHandler:function(e){e.stopPropagation(),d||o&&o(e)},onUpdateActiveOption:v,dataTest:"DesignSystem-DropdownOption--".concat(u),className:s?m:p})}var Ce=(se(Bo={},"DEFAULT",function(e){var t=e.className,n=e.textClassName,a=e.onClickHandler,r=e.optionData,o=e.appearance,i=e.onUpdateActiveOption,l=e.dataTest,e=r.label,r=r.disabled;return le.createElement("div",{className:t,onClick:a,onMouseEnter:i,"data-test":l,"data-disabled":r},le.createElement("div",{className:"Option-label"},le.createElement(ye,{className:n,appearance:o},e)))}),se(Bo,"WITH_ICON",function(e){var t=e.className,n=e.textClassName,a=e.onClickHandler,r=e.optionData,o=e.onUpdateActiveOption,i=e.appearance,l=e.dataTest,s=r.label,c=r.icon,e=r.disabled,r=de((se(r={},"".concat(t),!0),se(r,"Option--icon",c),r));return le.createElement("div",{className:r,onClick:a,onMouseEnter:o,"data-test":l,"data-disabled":e},c&&le.createElement(be,{className:"Option-icon mr-4",name:c,appearance:i}),le.createElement("div",{className:"Option-label"},le.createElement(ye,{className:n,appearance:i},s)))}),se(Bo,"WITH_META",function(e){var t=e.className,n=e.textClassName,a=e.onClickHandler,r=e.optionData,o=e.onUpdateActiveOption,i=e.renderSubInfo,l=e.appearance,s=e.dataTest,c=r.subInfo,e=r.label,r=r.disabled;return le.createElement("div",{className:t,onClick:a,onMouseEnter:o,"data-test":s,"data-disabled":r},le.createElement("div",{className:"Option-label"},le.createElement(ye,{className:n,appearance:l},e),c&&i(c)))}),se(Bo,"WITH_CHECKBOX",function(e){var t=e.className,n=e.selected,a=e.optionData,r=e.onChangeHandler,o=e.onUpdateActiveOption,i=e.dataTest,e=a.label,a=a.disabled;return le.createElement("div",{className:t,onMouseEnter:o,"data-test":i,"data-disabled":a},le.createElement(we,{label:e,disabled:a,checked:n,onChange:r,tabIndex:-1,className:"OptionCheckbox"}))}),se(Bo,"ICON_WITH_META",function(e){var t=e.className,n=e.textClassName,a=e.renderSubInfo,r=e.onClickHandler,o=e.optionData,i=e.onUpdateActiveOption,l=e.appearance,s=e.dataTest,c=o.subInfo,u=o.label,d=o.icon,e=o.disabled,o=de((se(o={},"".concat(t),!0),se(o,"Option--icon",d),o));return le.createElement("div",{className:o,onClick:r,onMouseEnter:i,"data-test":s,"data-disabled":e},d&&le.createElement(be,{className:"Option-icon mr-4",name:d,appearance:l}),le.createElement("div",{className:"Option-label"},le.createElement(ye,{className:n,appearance:l},u),c&&a(c)))}),Bo),De=function(e){var t=e.length,n=e.size,a=e.className,r=pe(e),o=de(se({"Placeholder--animation":!0,PlaceholderParagraph:!0},"PlaceholderParagraph--".concat(n),n)),a=de((se(e={"PlaceholderParagraph-wrapper":!0},"PlaceholderParagraph-wrapper--length-".concat(t),t),se(e,"PlaceholderParagraph-wrapper--size-".concat(n),n),e),a);return le.createElement("div",ce({},r,{className:a}),le.createElement("span",{className:o}))};De.displayName="PlaceholderParagraph",De.defaultProps={length:"medium"};function ke(e){var t=void 0===(r=e.size)?"small":r,n=e.round,a=e.className,r=pe(e),a=de((se(e={PlaceholderImage:!0,"Placeholder--animation":!0},"PlaceholderImage--round",n),se(e,"PlaceholderImage--".concat(t),t),e),a);return le.createElement("span",ce({},r,{className:a}))}ke.displayName="PlaceholderImage",ke.defaultProps={size:"small"};var Oe=function(e){var t=e.imageSize,n=e.withImage,a=e.round,r=e.children,o=e.className,i=pe(e),e=de(se({"Placeholder-paragraph":!0},"Placeholder-paragraph--withImage",n)),o=de(se({},"Placeholder",!0),o);return le.createElement("div",ce({"data-test":"DesignSystem-Placeholder"},i,{className:o}),n&&le.createElement(ke,{round:a,size:t,"data-test":"DesignSystem-Placeholder--Image"}),r&&le.createElement("div",{className:e,"data-test":"DesignSystem-Placeholder--Paragraph"},r))};Oe.displayName="Placeholder",Oe.defaultProps={withImage:!0,imageSize:"small"};function xe(e){switch(e.loadingType){case"DEFAULT":return b.default.createElement(De,{length:"large"});case"WITH_ICON":return b.default.createElement(Oe,{withImage:!0,round:!0},b.default.createElement(De,{length:"large"}));case"WITH_META":return b.default.createElement(Oe,{withImage:!1},b.default.createElement(De,{length:"large"}),b.default.createElement(De,{length:"medium",size:"xxs"}));case"WITH_CHECKBOX":return b.default.createElement(Oe,{withImage:!0},b.default.createElement(De,{length:"large"}));case"ICON_WITH_META":return b.default.createElement(Oe,{withImage:!0,round:!0,imageSize:"medium"},b.default.createElement(De,{length:"large"}),b.default.createElement(De,{length:"medium",size:"xxs"}))}return null}function Ie(l){var s=void 0===(K=l.listOptions)?[]:K,i=l.inputRef,e=void 0===(R=l.align)?"right":R,c=void 0===(Z=l.optionType)?"DEFAULT":Z,t=void 0===(Q=l.applyButtonLabel)?"Apply":Q,n=void 0===($=l.cancelButtonLabel)?"Cancel":$,r=void 0===(ee=l.truncateOption)||ee,u=void 0===(Y=l.withSelectAll)||Y,a=void 0===(X=l.maxHeight)?200:X,o=l.customTrigger,d=l.selected,p=l.tempSelected,m=l.previousSelected,f=l.remainingOptions,h=l.firstEnabledOption,v=l.dropdownOpen,g=l.menu,y=l.searchTerm,b=l.showApplyButton,E=l.withCheckbox,S=l.withSearch,w=l.popoverOptions,N=l.onSearchChange,C=l.optionRenderer,D=l.applyOptions,k=l.cancelOptions,O=l.toggleDropdown,x=l.className,I=pe(l),P=le.createRef(),T=le.createRef(),A=le.createRef(),M=le.createRef(),F=le.createRef(),R=(K=ue(le.useState(),2))[0],L=K[1],z=(Z=ue(le.useState(h),2))[0],B=Z[1];function H(e,t){O(e,t),J||null!==(t=A.current)&&void 0!==t&&t.focus(),B(h)}function _(){var e;k(),null!==(e=A.current)&&void 0!==e&&e.focus()}function j(){var e;D(),null!==(e=A.current)&&void 0!==e&&e.focus()}function W(){B(h),N&&y&&N("")}function V(e){B(h),N&&N(e.target.value)}function U(e,t){var n=l.onClearOptions,a=d.every(function(e){return e.disabled});return le.createElement("div",{className:ne(t)},le.createElement(ye,{size:"small",appearance:"subtle"},e),t&&le.createElement(ze,{onClick:n,disabled:a,appearance:"transparent",size:"tiny",type:"button"},"Clear"))}function G(t,e){var n=fe(y,f,u,E)?e+1===z:e===z,a=-1!==p.findIndex(function(e){return e.value===t.value});return le.createElement(Ne,{optionData:t,truncateOption:r,selected:a,index:e,updateActiveOption:ie,optionRenderer:C,active:n,checkboxes:E,menu:g,onClick:function(){return oe(t)},onChange:function(e){return l.onSelect(t,e.target.checked)},optionType:l.optionType})}function q(e,t){for(var n,a,r,o,i,l=document.querySelectorAll(t),s="down"===e?z+1:z-1,c="down"===e?l.length:-1;s!==c;){if("true"!==l[s].getAttribute("data-disabled")){var u=l[s];u&&(n=P.current,a=u,i=o=r=void 0,r=null==n?void 0:n.getBoundingClientRect(),o=a.getBoundingClientRect(),i=a.offsetHeight,o.bottom>r.bottom&&n?he(n,a.offsetTop-r.height+i):o.top<r.top&&n&&he(n,a.offsetTop-i)),void 0!==u&&B(s);break}"down"===e?s++:s--}}le.useEffect(function(){var e,t,n,a;v&&(e=l.width,t=l.minWidth,n=l.maxWidth,a=null===(a=T.current)||void 0===a?void 0:a.clientWidth,L({width:e||a,minWidth:t||(b?176:g?128:a),maxWidth:n||"100%"}))},[v]),le.useEffect(function(){h!==z&&B(h)},[h]);var $=void 0===(Q=l.triggerSize)?"regular":Q,Y=void 0===(ee=l.placeholder)?"Select":ee,X=l.icon,K=l.error,J=l.disabled,Z=l.inlineLabel,Q=l.triggerLabel,ee=o?o(Q||Y):le.createElement(le.Fragment,null),Q=o?le.cloneElement(ee,{tabIndex:0,ref:A}):le.createElement(ve,{placeholder:Y,triggerSize:$,open:v,icon:X,disabled:J,inlineLabel:Z,menu:g,error:K,ref:A},Q),te={maxHeight:a,overflowY:"auto",overflowX:"hidden"},ne=function(e){var t;return de((se(t={},"Dropdown-section",!0),se(t,"Dropdown-section--withClear",e),t))},a=de(se({},"Dropdown",!0),x),ae=de((se(x={},"Dropdown-wrapper",!0),se(x,"Dropdown-wrapper--wrap",!r),x)),re=de((se(x={},"Option-checkbox",!0),se(x,"Option-checkbox--active",0===z),se(x,"OptionWrapper",!0),x)),oe=function(e){l.onOptionSelect(e),null!==(e=A.current)&&void 0!==e&&e.focus()},ie=function(e,t){e=E&&u&&!l.async&&!t?e+1:e;B(e)};return le.createElement("div",ce({},I,{className:a,ref:T,onKeyDown:function(e){var t=".OptionWrapper";switch(e.key){case"ArrowDown":e.preventDefault(),v?q("down",t):H(!v);break;case"ArrowUp":e.preventDefault(),v?q("up",t):H(!v);break;case"Enter":var n=document.activeElement;!v||i.current!==n&&A.current!==n||(e.preventDefault(),r=E?"".concat(t," .Checkbox-input"):t,(o=document.querySelectorAll(r)[z])&&o.click()),v||H(!v);break;case"Tab":if(!b&&v)return e.preventDefault(),void H(!1,"onClick");var a,r=document.activeElement,o=null===(o=F.current)||void 0===o?void 0:o.disabled;if((r===M.current&&o||r===F.current)&&v)return e.preventDefault(),void H(!1,"onClick");b&&v&&(e.preventDefault(),r===M.current?null!==(a=F.current)&&void 0!==a&&a.focus():null!==(a=M.current)&&void 0!==a&&a.focus())}}}),le.createElement(ii,ce({onToggle:H,trigger:Q,triggerClass:g?"":"w-100",open:v,customStyle:R,position:Pe[e]},w),(S||l.async)&&le.createElement("div",{className:"Dropdown-inputWrapper"},le.createElement(wt,{name:"Dropdown-search",icon:"search",value:y,placeholder:"Search..",autoFocus:!0,onChange:V,onClear:W,ref:i,autoComplete:"off",className:"Dropdown-input"})),function(){var n,e,t=l.selectedSectionLabel,i=void 0===t?"Selected Items":t,a=l.loadersCount,r=void 0===a?10:a,t=l.loadingOptions,a=fe(y,f,u,E);if(r&&t)return le.createElement("div",{className:"Dropdown-loading"},le.createElement("div",{className:"Dropdown-wrapper",style:te},(e=r,e=Array(r).fill("Loading"),n=E?"WITH_CHECKBOX":c,e.map(function(e,t){return le.createElement("div",{className:"Option-loading",key:"".concat(e,"-").concat(t)},le.createElement(xe,{loadingType:n}))}))));if(0!==s.length||t)return le.createElement("div",{className:ae,style:te,ref:P},a&&(e=l.selectAllLabel,t=void 0===e?"Select All":e,a=l.selectAll,e=l.onSelectAll,t=t.trim()?t.trim():"Select All",le.createElement("div",{className:re,onMouseEnter:function(e){return ie(0,!0)}},le.createElement(we,{label:t,onChange:e,checked:a.checked,indeterminate:a.indeterminate,tabIndex:-1,className:"OptionCheckbox"}))),0<d.length&&U(i,!0),d.map(G),s.map(function(e,t){var n=0<t?s[t-1].group:d.length?i:void 0,a=e.group,r=n!==a,o=t+d.length;return le.createElement("div",{className:(n=o,de(se({},"Dropdown--border",r&&0!==n))),key:t},r&&a&&U(a),G(e,o))}),l.async&&0<f&&(o=l.footerLabel,le.createElement("div",{className:"Dropdown-footer"},le.createElement(ye,{size:"small",appearance:"subtle"},void 0===o?"Search for more options":o))));var o=l.noResultMessage;return le.createElement("div",{className:"Dropdown-errorWrapper"},le.createElement("div",{className:"Option"},le.createElement("div",{className:"Option-subinfo"},void 0===o?"No result found":o)))}(),b&&E&&(m=me(m,p),le.createElement("div",{className:"Dropdown-buttonWrapper"},le.createElement(ze,{ref:M,className:"mr-4",appearance:"basic",onClick:_,size:"tiny",tabIndex:-1,type:"button"},n),le.createElement(ze,{ref:F,appearance:"primary",disabled:m,size:"tiny",onClick:j,type:"button"},t)))))}var Pe={right:"bottom-start",left:"bottom-end"};Ie.displayName="DropdownList";var Te=["triggerOptions","selected"],Ae=le.createRef(),Me=function(){f(u,le.Component);var c=g(u);function u(e){var g;m(this,u),se(v(g=c.call(this,e)),"staticLimit",void 0),se(v(g),"getDisabledOptions",function(){return(0<arguments.length&&void 0!==arguments[0]?arguments[0]:[]).filter(function(e){return e.disabled})}),se(v(g),"fetchOptionsFunction",function(t){var n,e=g.props.options,a=t?(n=t,e.filter(function(e){return e.label.toLowerCase().includes(n.toLowerCase())})):e;return new Promise(function(e){e({searchTerm:t,options:a,count:a.length})})}),se(v(g),"getUnSelectedOptions",function(e,t){if(e.length){if(!t)return e.filter(function(t){return-1===g.state.tempSelected.findIndex(function(e){return e.value===t.value})});var t=g.props.selected,n=void 0===t?[]:t;return e.filter(function(t){return ee(g.props.selected)?-1===n.findIndex(function(e){return e.value===t.value}):!t.selected})}return e}),se(v(g),"getSelectedOptions",function(e,t){var n=g.props.selected;return e.length?t?ee(g.props.selected)?void 0===n?[]:n:e.filter(function(e){return e.selected}):g.state.tempSelected:[]}),se(v(g),"updateOptions",function(i,e){var t=g.state,l=t.searchTerm,s=t.selectAll,c=t.tempSelected,u=t.previousSelected,d=void 0===e?g.state.async:e,t=g.props,e=t.fetchOptions,p=t.withCheckbox,m=t.withSearch;(e||g.fetchOptionsFunction)(l).then(function(e){var t,n,a,r=e.options,o=e.count;(!e.searchTerm||e.searchTerm&&e.searchTerm===g.state.searchTerm)&&(d=""===l?o>g.staticLimit:d,n=ne(d,l,p)?g.getUnSelectedOptions(r,i):r,a=""===l?g.getSelectedOptions(r,i):[],e=""===l?o:g.state.optionsLength,r=g.getDisabledOptions(n.slice(0,g.staticLimit)),g.setState(q(q({},g.state),{},{optionsLength:e,loading:!1,async:d,searchedOptionsLength:o,options:n.slice(0,g.staticLimit),tempSelected:i?a:c,previousSelected:i?a:u,selected:ne(d,l,p)?a:[],triggerLabel:g.updateTriggerLabel(i?a:c),selectAll:!d&&i?ae(a,e,r.length):s})),(d||m)&&null!==(t=Ae.current)&&void 0!==t&&t.focus())})}),se(v(g),"updateSearchTerm",function(e){g.setState(q(q({},g.state),{},{loading:!0,searchInit:!0,searchTerm:e}))}),se(v(g),"updateOnPopperToggle",function(){var e=g.props,t=e.withCheckbox,n=e.showApplyButton,a=e.onClose,r=e.name,o=e.selected,i=void 0===o?[]:o,l=g.state,s=l.previousSelected,c=l.tempSelected,u=l.optionsLength,d=l.async,p=l.loading,m=l.searchTerm,e=l.options,o=(te(g.props.open)?g.props:g.state).open,l=g.getDisabledOptions(e).length;t&&n&&(e=ee(g.props.selected)?i:s,g.setState({tempSelected:e,selectAll:ae(e,u,l),triggerLabel:g.updateTriggerLabel(e)})),te(g.props.open)&&g.setState({open:o}),o&&(c=ne(d,m,t)&&!me(g.state.selected,c),g.setState({loading:c||p||""!==m,searchInit:""!==m,searchTerm:""}),c&&g.updateOptions(!1)),a&&!o&&a((t&&n?ee(g.props.selected)?i:s:g.state.tempSelected).map(function(e){return e.value}),r)}),se(v(g),"updateTriggerLabel",function(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:[],t=e.length;if(0===t)return"";var n=g.props,a=n.triggerOptions,r=void 0===a?{}:a,o=n.getLabel,i=r.customLabel,a=r.labelLimit,n=g.state?g.state.optionsLength:1<arguments.length?arguments[1]:void 0,r="",r=t<=(void 0===a?2:a)?e.map(function(e){return e.label}).join(", "):i?i(t,n,e):"".concat(t," selected");return o&&o(r),r}),se(v(g),"updateSelectedOptions",function(e,t,n){var a=g.state,r=a.optionsLength,o=a.previousSelected,i=a.selected,l=a.loading,s=a.open,c=g.props,u=c.onChange,d=c.withCheckbox,p=c.showApplyButton,m=c.closeOnSelect,f=c.name,h=c.onPopperToggle,v=d&&p&&n,a=g.getDisabledOptions(g.state.options),c=0===e.length&&0<i.length||e.every(function(e){return e.disabled})&&!i.every(function(e){return e.disabled});g.setState(q(q({},g.state),{},{tempSelected:e,triggerLabel:g.updateTriggerLabel(e),selectAll:ae(e,r,a.length),open:te(g.props.open)||d?s:!m,previousSelected:v?e:o,selected:c?e:i,loading:!!c||l})),c&&g.debounceClear(),!u||p&&!n||(e=e.map(function(e){return e.value}),u(t?e[0]:e,f)),!d&&m&&h&&te(g.props.open)&&h(!1,"optionClick")}),se(v(g),"onOptionSelect",function(e){var t=g.props,n=t.onUpdate,t=t.selected;ee(t)?n&&n("select-option",e):g.updateSelectedOptions([e],!0)}),se(v(g),"onSelect",function(t,e){var n=g.props,a=n.onUpdate,r=n.selected,n=n.showApplyButton;!ee(r)||n?(r=g.state.tempSelected.slice(),e||(n=r.findIndex(function(e){return e.value===t.value}),r.splice(n,1)),r=e?r.concat(t):r,g.updateSelectedOptions(r,!1)):a&&a(e?"select-option":"deselect-option",t)}),se(v(g),"onSelectAll",function(e){var t=g.props,n=t.onUpdate,a=t.selected,r=t.showApplyButton,o=g.state,t=o.tempSelected,o=o.options;!ee(a)||r?(t=t.slice().filter(function(e){return e.disabled}),t=e.target.checked?[].concat(Y(o.filter(function(e){return!e.disabled})),Y(t)):t,g.updateSelectedOptions(t,!1)):n&&n(e.target.checked?"select-all":"deselect-all")}),se(v(g),"debounceSearch",Q(g.props.searchDebounceDuration,function(){g.setState({searchInit:!1},function(){g.updateOptions(!1)})})),se(v(g),"debounceClear",Q(250,function(){return g.updateOptions(!1)})),se(v(g),"onClearOptions",function(){var e=g.props,t=e.selected,n=e.name,a=e.onUpdate,r=e.showApplyButton,o=e.onChange,e=g.state.tempSelected.filter(function(e){return e.disabled});!ee(t)||r?(g.setState({selected:e,tempSelected:e,triggerLabel:"",loading:!0}),g.debounceClear(),o&&!r&&o(e,n)):a&&a("clear-all")}),se(v(g),"onTogglePopper",function(e){var t=g.props.onPopperToggle;t&&te(g.props.open)&&t(!1,e)}),se(v(g),"onCancelOptions",function(){var e=g.state,t=e.previousSelected,n=e.tempSelected,a=e.optionsLength,r=g.props,o=r.selected,i=r.onUpdate,l=r.onClose,s=r.name,e=!!te(g.props.open)&&g.state.open,r=t.map(function(e){return e.value});if(ee(o))return i&&i("cancel-selected",t,n),void g.onTogglePopper("cancelClick");i=g.updateTriggerLabel(t),n=g.getDisabledOptions(g.state.options);g.setState(q(q({},g.state),{},{tempSelected:t,selectAll:ae(t,a,n.length),triggerLabel:i,open:e})),l&&!e&&l(r,s),g.onTogglePopper("cancelClick")}),se(v(g),"onApplyOptions",function(){var e=g.state,t=e.tempSelected,n=e.previousSelected,a=g.props,r=a.onChange,o=a.selected,i=a.onUpdate,l=a.onClose,s=a.name,e=!!te(g.props.open)&&g.state.open,a=t.map(function(e){return e.value});if(ee(o))return i&&i("apply-selected",n,t),void g.onTogglePopper("applyClick");g.setState(q(q({},g.state),{},{previousSelected:t,optionsApplied:!0,open:e})),r&&r(a,s),l&&!e&&l(a,s),g.onTogglePopper("applyClick")}),se(v(g),"onToggleDropdown",function(e,t){var n;g.props.disabled||((n=g.props.onPopperToggle)&&te(g.props.open)?n(e,t):g.setState({open:e}))});var t=e.selected,n=void 0===t?[]:t,a=e.totalOptions,r=e.withCheckbox,o=e.loading,i=e.open,l=e.options;g.staticLimit=Math.min(100,e.staticLimit);var s=a||l.length,t="fetchOptions"in g.props||s>g.staticLimit,e=t?[]:g.getSelectedOptions(l,!0),a=g.getDisabledOptions(l);return g.state={async:t,optionsLength:s,open:i,searchInit:!1,searchedOptionsLength:s,optionsApplied:!1,options:l||[],loading:t||o,searchTerm:"",tempSelected:e,previousSelected:e,selected:ne(t,"",r)?n:[],triggerLabel:g.updateTriggerLabel(e,s),selectAll:ae(e,s,a.length)},g}return p(u,[{key:"componentDidMount",value:function(){this.state.async&&this.updateOptions(!0)}},{key:"componentDidUpdate",value:function(e,t){var n,a,r,o,i,l;this.state.async||(n=(a=this.props).loading,i=a.fetchOptions,o=a.options,r=a.withSearch,o=this.getDisabledOptions(a=void 0===o?[]:o).length,e.loading===n||i||(a.length>this.staticLimit?this.updateOptions(!0,!0):(i=this.getSelectedOptions(a,!0),this.setState(q(q({},this.state),{},{options:a,loading:n,tempSelected:i,previousSelected:i,optionsLength:a.length,searchedOptionsLength:a.length,triggerLabel:this.updateTriggerLabel(i),selectAll:ae(i,this.state.optionsLength,o)})),r&&null!==(l=Ae.current)&&void 0!==l&&l.focus()))),void 0!==this.props.selected&&e.selected!==this.props.selected&&e.loading===this.props.loading&&(l=!this.props.withCheckbox,this.updateSelectedOptions(this.props.selected,l,!0)),t.searchTerm!==this.state.searchTerm&&this.debounceSearch(),e.open===this.props.open&&t.open===this.state.open||te(this.props.open)&&this.props.open===this.state.open||this.updateOnPopperToggle()}},{key:"render",value:function(){var e=this.state,t=e.options,n=e.async,a=e.open,r=e.searchTerm,o=e.searchInit,i=e.loading,l=e.searchedOptionsLength,s=e.tempSelected,c=e.selectAll,u=e.triggerLabel,d=e.previousSelected,p=this.props,m=p.withSelectAll,f=void 0===m||m,e=p.withCheckbox,m=this.props,p=m.triggerOptions,p=void 0===p?{}:p;m.selected;m=$(m,Te),l-=t.length,e=fe(r,l,f,e)?0:t.findIndex(function(e){return!e.disabled});return le.createElement(Ie,ce({listOptions:t,inputRef:Ae,remainingOptions:l,firstEnabledOption:e,loadingOptions:i,async:n,searchInit:o,dropdownOpen:a,searchTerm:r,triggerLabel:u,tempSelected:s,previousSelected:d,selected:this.state.selected,applyOptions:this.onApplyOptions,cancelOptions:this.onCancelOptions,toggleDropdown:this.onToggleDropdown,onClearOptions:this.onClearOptions,onSelect:this.onSelect,selectAll:c,onSearchChange:this.updateSearchTerm,onOptionSelect:this.onOptionSelect,onSelectAll:this.onSelectAll,customTrigger:p.customTrigger},m))}}]),u}();se(Me,"defaultProps",{triggerOptions:{},options:[],closeOnSelect:!0,staticLimit:50,searchDebounceDuration:300});function Fe(t,n){return le.createElement(Bt,{href:t.link,onClick:function(e){n&&(e.preventDefault(),n(t.link))},appearance:"subtle",size:"tiny"},t.label)}var Re=["size","appearance","iconAlign","tabIndex","largeIcon","type","children","icon","expanded","selected","loading","disabled","className"],Le={tiny:12,regular:16,large:20},ze=le.forwardRef(function(e,t){var n=e.size,a=void 0===n?"regular":n,r=e.appearance,o=void 0===r?"basic":r,i=e.iconAlign,l=void 0===i?"left":i,s=e.tabIndex,c=void 0===s?0:s,u=e.largeIcon,d=e.type,p=e.children,m=e.icon,f=e.expanded,h=e.selected,n=e.loading,r=e.disabled,i=e.className,s=$(e,Re),i=de((se(e={},"Button",!0),se(e,"Button--expanded",f),se(e,"Button--".concat(a),a),se(e,"Button--".concat(a,"Square"),!p),se(e,"Button--".concat(o),o),se(e,"Button--selected",h&&("basic"===o||"transparent"===o)),se(e,"Button--iconAlign-".concat(l),p&&l),se(e,"".concat(i),i),e)),e=de((se(e={},"Button-icon",!0),se(e,"Button-icon--".concat(l),p&&l),e));return le.createElement("button",ce({"data-test":"DesignSystem-Button",ref:t,type:d,className:i,disabled:r||n,tabIndex:c},s),n?le.createElement(le.Fragment,null,le.createElement(en,{size:"small",appearance:"basic"===o||"transparent"===o?"secondary":"white","data-test":"DesignSystem-Button--Spinner",className:"Button-spinner"}),le.createElement(ye,{className:"Button-text Button-text--hidden"},p||"")):le.createElement(le.Fragment,null,m&&le.createElement("div",{className:e},le.createElement(be,{"data-test":"DesignSystem-Button--Icon",name:m,appearance:r?"disabled":"basic"===o||"transparent"===o?h?"info":"default":"white",size:u&&!p?Le[a]+4:Le[a]})),p))});ze.displayName="Button";function Be(e){return["sunday","monday","tuesday","wednesday","thursday","friday","saturday"].indexOf(e)}function He(e,t,n){if(e){var a=Ze(e).decadeYear;switch(t){case"less":if(a<n)return!0;break;case"more":if(n<a)return!0;break;case"equal":if(a===n)return!0}}return!1}function _e(e,t,n,a,r){if(e){var e=Ze(e),o=e.year,i=e.month,l=e.date;switch(t){case"less":if(o<n)return!0;if(n<o)return!1;if(void 0!==a){if(i<a)return!0;if(a<i)return!1}if(void 0!==r&&l<r)return!0;break;case"more":if(n<o)return!0;if(o<n)return!1;if(void 0!==a){if(a<i)return!0;if(i<a)return!1}if(void 0!==r&&r<l)return!0;break;case"equal":if(void 0!==r){if(o===n&&i===a&&l===r)return!0}else if(void 0!==a){if(o===n&&i===a)return!0}else if(o===n)return!0}}return!1}function je(e,t){if(e&&t){var t=Ze(t),a=t.year,r=t.month,o=t.date,i=e.includes("/")?"/":"-",l=e.split(i);return l.reduce(function(e,t,n){switch(t){case"mm":e+=(r<9&&"0")+(r+1);break;case"yyyy":e+=a;break;case"dd":e+=(o<10&&"0")+o}return n!==l.length-1&&(e+=i),e},"")}return""}function We(e,t){if(M(2<arguments.length&&void 0!==arguments[2]?arguments[2]:[],t,e)){var n=e.includes("/")?"/":"-",a=-1,r=-1,o=-1,i=t.split(n);return e.split(n).forEach(function(e,t){switch(e){case"mm":r=+i[t]-1;break;case"yyyy":a=+i[t];break;case"dd":o=+i[t]}}),Qe({year:a,month:r,date:o})}}var Ve=12,Ue=3,Ge=12,qe=3,$e=7,Ye=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],Xe={small:["S","M","T","W","T","F","S"],large:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]},Ke=Ve,Je=function(e){return e-e%Ke},Ze=function(e){if(e){var t=Qe(e);if(t){var n=t.getFullYear(),a=t.getMonth(),e=t.getDay(),t=t.getDate();return{decadeYear:Je(n),year:n,month:a,day:e,date:t}}return{}}return{}},Qe=function(e,t,n){var a;if(e)if("number"==typeof e)a=new Date(e);else{if("string"==typeof e)return t?We(t,e,n):void 0;a=e instanceof Date?e:(t=e.year,n=e.month,e=e.date,new Date(t,n,e,0,0,0))}return a},et=function(){f(d,le.Component);var u=g(d);function d(e){var L;m(this,d),se(v(L=u.call(this,e)),"updateState",function(e,t,n){L.setState({year:e,month:t,date:n})}),se(v(L),"getDateValue",function(e,t,n){return new Date(e,t,n)}),se(v(L),"getNavDateInfo",function(e){var t=L.state,n=t.yearBlockNav,a=t.yearNav,r=t.monthNav,t=(r+e)%Ge;return{yearBlock:n,year:a+(0!==e&&t<r?1:0),month:t}}),se(v(L),"getInRangeError",function(){var e=L.props,t=e.rangePicker,n=e.rangeLimit,a=L.state,r=a.startDate,o=a.endDate,i=a.hoverDate;if(t&&n){var l,s=Ze(r),c=s.year,u=s.month,d=s.date,p=Ze(o),e=p.year,a=p.month,t=p.date,s=Ze(i),p=s.year,i=s.month,s=s.date;if(r)return(l=new Date(r)).setDate(d+n),_e(l,"less",p,i,s+1)||_e(l,"less",e,a,t+1);if(o)return(l=new Date(o)).setDate(t-n),_e(l,"more",p,i,s-1)||_e(l,"more",c,u,d-1)}return!1}),se(v(L),"selectYear",function(e){return function(){L.updateState(e),L.setState({view:"month"})}}),se(v(L),"selectMonth",function(e){return function(){L.updateState(L.state.yearNav,e),L.setState({view:"date"})}}),se(v(L),"selectDate",function(e,t){var n=L.getNavDateInfo(e),e=n.year,n=n.month;L.updateState(e,n,t);t=L.getDateValue(e,n,t);L.setState({currDate:t})}),se(v(L),"onNavIconClickHandler",function(l){return function(){var e=L.state,t=e.view,n=e.yearBlockNav,a=e.yearNav,r=e.monthNav,o=Ve,i=Ge;switch(t){case"year":"prev"===l&&L.setState({yearBlockNav:n-o}),"next"===l&&L.setState({yearBlockNav:n+o});break;case"month":"prev"===l&&L.setState({yearNav:a-1}),"next"===l&&L.setState({yearNav:a+1});break;case"date":"prev"===l&&(0===r&&L.setState({yearNav:a-1}),L.setState({monthNav:(i+r-1)%i})),"next"===l&&(r===i-1&&L.setState({yearNav:a+1}),L.setState({monthNav:(r+1)%i}))}}}),se(v(L),"renderJumpButton",function(e){var t=L.props,n=t.disabledBefore,a=t.disabledAfter,r=L.state,t=r.view,o=r.yearBlockNav,i=r.yearNav,l=r.monthNav,s=!1;switch(t){case"year":"prev"===e&&(s=He(n,"more",o)||He(n,"equal",o)),"next"===e&&(s=He(a,"less",o)||He(a,"equal",o));break;case"month":"prev"===e&&(s=_e(n,"more",i-1)),"next"===e&&(s=_e(a,"less",i+1));break;case"date":"prev"===e&&(s=_e(n,"more",i,l-1)),"next"===e&&(s=_e(a,"less",i,l+1))}t=de(se({"Calendar-headerIcon":!0},"Calendar-headerIcon--".concat(e),e));return le.createElement(ze,{type:"button",className:t,appearance:"transparent",icon:"arrow_".concat("next"===e?"forward":"back"),disabled:s,onClick:L.onNavIconClickHandler(e)})}),se(v(L),"onNavHeadingClickHandler",function(n){return function(){var e=L.props.monthsInView,t=L.props.jumpView;(t=t&&1<e?!1:t)&&("year"===n&&L.setState({view:"date"}),"month"===n&&L.setState({view:"year"}),"date"===n&&L.setState({view:"month"}))}}),se(v(L),"renderHeaderContent",function(e){var t=L.props,n=t.size,a=t.monthsInView,r=L.state,o=r.view,i=r.yearBlockNav,l=Ve,s=Ye,t=L.getNavDateInfo(e),r=t.year,t=t.month,a=de({"Calendar-headerContent":!0,"Calendar-headerContent--noIcon-left":e===a-1,"Calendar-headerContent--noIcon-right":0===e}),e="";"year"===o&&(e="".concat(i," - ").concat(i+(l-1))),"month"===o&&(e="".concat(r));l=function(e){return"small"===n?le.createElement(ye,{weight:"strong"},e):le.createElement(bt,{size:"s"},e)};return le.createElement("div",{className:a},"date"!==o&&le.createElement("span",{onClick:L.onNavHeadingClickHandler(o)},l(e)),"date"===o&&le.createElement(le.Fragment,null,le.createElement("span",{onClick:L.onNavHeadingClickHandler(o)},l(s[t])),le.createElement("span",{className:"ml-4",onClick:L.onNavHeadingClickHandler("month")},l(r))))}),se(v(L),"renderBodyYear",function(){var e=Ve,l=Ue,t=L.props,s=t.size,c=t.rangePicker,u=t.disabledBefore,d=t.disabledAfter,p=L.state.yearBlockNav,e=Math.ceil(e/l);return Array.from({length:e},function(e,i){return le.createElement("div",{key:i,className:"Calendar-valueRow"},Array.from({length:l},function(e,t){var n=l*i+t;if(n!==p){var a=p+n,r=_e(u,"more",a)||_e(d,"less",a),o=!r&&!c&&a===L.state.year,n=de(se({"Calendar-value":!0,"Calendar-value--active":o,"Calendar-value--disabled":r,"Calendar-yearValue":!0},"Calendar-yearValue--".concat(s),s));return le.createElement("div",{key:"".concat(i,"-").concat(t),"data-test":"DesignSystem-Calendar--yearValue",className:n,onClick:L.selectYear(a)},le.createElement(ye,{size:"small"===s?"small":"regular",appearance:o?"white":r?"disabled":"default"},a))}}))})}),se(v(L),"renderBodyMonth",function(){var e=Ge,l=qe,s=Ye,t=L.props,c=t.size,u=t.disabledBefore,d=t.disabledAfter,t=L.state,p=t.yearNav,m=t.year,e=Math.ceil(e/l);return Array.from({length:e},function(e,i){return le.createElement("div",{key:i,className:"Calendar-valueRow"},Array.from({length:l},function(e,t){var n=l*i+t,a=_e(u,"more",p,n)||_e(d,"less",p,n),r=!a&&m===p&&n===L.state.month,o=de(se({"Calendar-value":!0,"Calendar-value--active":r,"Calendar-value--dummy":a,"Calendar-monthValue":!0},"Calendar-monthValue--".concat(c),c));return le.createElement("div",{key:"".concat(i,"-").concat(t),"data-test":"DesignSystem-Calendar--monthValue",className:o,o