monday-ui-react-core/dist/Toast.js

Official monday.com UI resources for application development in React.js

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["monday-style"]=t():e["monday-style"]=t()}(window,(function(){return function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=147)}({0:function(e,t){e.exports=require("react")},1:function(e,t){e.exports=require("prop-types")},10:function(e,t){e.exports=require("lodash/noop")},11:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.keyCodes=void 0;t.keyCodes={ENTER:"Enter",SPACE:" "}},12:function(e,t){e.exports=require("lodash/debounce")},13:function(e,t,n){},14:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ICON_TYPES=void 0;t.ICON_TYPES={SVG:"SVG",ICON_FONT:"FA"}},147:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o,r=b(n(10)),u=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!==O(e)&&"function"!=typeof e)return{default:e};var t=v();if(t&&t.has(e))return t.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){var u=o?Object.getOwnPropertyDescriptor(e,r):null;u&&(u.get||u.set)?Object.defineProperty(n,r,u):n[r]=e[r]}n.default=e,t&&t.set(e,n);return n}(n(0)),a=b(n(1)),l=b(n(2)),i=n(18),c=b(n(35)),d=b(n(7)),s=b(n(32)),f=b(n(49)),p=b(n(73)),y=b(n(42)),m=n(148);function v(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return v=function(){return e},e}function b(e){return e&&e.__esModule?e:{default:e}}function O(e){return(O="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 g(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}n(149);var T=(g(o={},m.TOAST_TYPES.NORMAL,p.default),g(o,m.TOAST_TYPES.POSITIVE,s.default),g(o,m.TOAST_TYPES.NEGATIVE,f.default),o),C=function(e){var t=e.open,n=e.autoHideDuration,o=e.type,r=e.icon,a=e.hideIcon,s=e.action,f=e.children,p=e.closeable,m=e.onClose,v=(0,u.useMemo)((function(){return(0,l.default)("monday-style-toast","monday-style-toast--type-".concat(o))}),[o]),b=(0,u.useCallback)((function(){m&&m()}),[m]),g=(0,u.useRef)(),C=(0,u.useCallback)((function(e){m&&null!=e&&(clearTimeout(g.current),g.current=setTimeout((function(){b(null,"timeout")}),e))}),[b,m]);u.default.useEffect((function(){return t&&n>0&&C(n),function(){clearTimeout(g.current)}}),[t,n,C]);var S=!a&&function(e,t){return t&&"object"===O(t)?t:t||T[e]?u.default.createElement(d.default,{iconType:t?d.default.type.ICON_FONT:d.default.type.SVG,clickable:!1,icon:t||T[e],iconSize:"24px",ignoreFocusStyle:!0}):null}(o,r);return u.default.createElement(i.CSSTransition,{in:t,classNames:"monday-style-toast-animation",timeout:400,unmountOnExit:!0},u.default.createElement("div",{className:v,role:"alert","aria-live":"polite"},S&&u.default.createElement("div",{className:"monday-style-toast-icon"},S),u.default.createElement("div",{className:(0,l.default)("monday-style-toast-content",{"monday-style-toast-content-no-icon":!S})},f),s&&u.default.createElement("div",{className:"monday-style-toast-action"},s),p&&u.default.createElement(c.default,{onClick:b,size:c.default.sizes.SMALL,kind:c.default.kinds.TERTIARY,color:c.default.colors.ON_PRIMARY_COLOR,ariaLabel:"close-toast"},u.default.createElement(d.default,{iconType:d.default.type.SVG,clickable:!1,icon:y.default,iconSize:"20px",ignoreFocusStyle:!0}))))};C.propTypes={open:a.default.bool,type:a.default.oneOf([m.TOAST_TYPES.NORMAL,m.TOAST_TYPES.POSITIVE,m.TOAST_TYPES.NEGATIVE]),icon:a.default.oneOfType([a.default.string,a.default.element]),hideIcon:a.default.bool,action:a.default.element,closeable:a.default.bool,onClose:a.default.func,autoHideDuration:a.default.number},C.defaultProps={type:m.TOAST_TYPES.NORMAL,open:!1,action:null,hideIcon:!1,icon:null,closeable:!0,autoHideDuration:null,onClose:r.default},C.__docgenInfo={description:"",methods:[],displayName:"Toast",props:{type:{defaultValue:{value:"TOAST_TYPES.NORMAL",computed:!0},type:{name:"enum",value:[{value:"TOAST_TYPES.NORMAL",computed:!0},{value:"TOAST_TYPES.POSITIVE",computed:!0},{value:"TOAST_TYPES.NEGATIVE",computed:!0}]},required:!1,description:""},open:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:"If true, Toast is open (visible)"},action:{defaultValue:{value:"null",computed:!1},type:{name:"element"},required:!1,description:"The action to display"},hideIcon:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:"If true, won't show the icon"},icon:{defaultValue:{value:"null",computed:!1},type:{name:"union",value:[{name:"string"},{name:"element"}]},required:!1,description:"Possible to override the dafult icon"},closeable:{defaultValue:{value:"true",computed:!1},type:{name:"bool"},required:!1,description:"If false, won't show the close button"},autoHideDuration:{defaultValue:{value:"null",computed:!1},type:{name:"number"},required:!1,description:"The number of milliseconds to wait before\nautomatically closing the Toast\n(0 or null cancels this behaviour)"},onClose:{defaultValue:{value:"NOOP",computed:!0},type:{name:"func"},required:!1,description:""}}};var S=C;t.default=S},148:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.TOAST_TYPES=void 0;t.TOAST_TYPES={NORMAL:"normal",POSITIVE:"positive",NEGATIVE:"negative"}},149:function(e,t,n){},15:function(e,t,n){"use strict";function o(e){return(o="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)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!==o(e)&&"function"!=typeof e)return{default:e};var t=l();if(t&&t.has(e))return t.get(e);var n={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(Object.prototype.hasOwnProperty.call(e,u)){var a=r?Object.getOwnPropertyDescriptor(e,u):null;a&&(a.get||a.set)?Object.defineProperty(n,u,a):n[u]=e[u]}n.default=e,t&&t.set(e,n);return n}(n(0));n(16);var u,a=(u=n(2))&&u.__esModule?u:{default:u};function l(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return l=function(){return e},e}var i=(0,r.forwardRef)((function(e,t){var n=e.className,o=e.onClick,u=e.iconLabel,l=e.tabIndex,i=e.icon,c=e.role,d="function"==typeof i?"":i;return r.default.createElement("span",{className:(0,a.default)(n,"fa",d),onClick:o,ref:t,"aria-label":u,tabIndex:l,role:c},"function"==typeof i&&i())}));i.__docgenInfo={description:"",methods:[],displayName:"FontIcon"};var c=i;t.default=c},16:function(e,t,n){},17:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t=e.onClick,n=e.className,i=e.clickable,c=e.ignoreFocusStyle,s=(0,o.useRef)(null),f=(0,o.useCallback)((function(e){document.activeElement===s.current&&t(e)}),[s,t]),p=(0,o.useCallback)((function(e){e.preventDefault()}),[]),y=(0,o.useMemo)((function(){return(0,r.default)("icon_component",n,{"icon_component--clickable":i,"icon_component--no-focus-style":c})}),[i,n,c]);(0,a.default)({eventName:"mousedown",callback:p,ref:s}),(0,l.default)({keys:d,ref:s,callback:f,ignoreDocumentFallback:!0,capture:!0,stopPropagation:!0,preventDefault:!0});var m=(0,o.useCallback)((function(e){(t||u.default)(e)}),[t]);return{tabindex:i?0:-1,onClickCallback:m,computedClassName:y,onEnterCallback:f,iconRef:s,role:i?"button":""}};var o=n(0),r=c(n(2)),u=c(n(10)),a=c(n(3)),l=c(n(6)),i=n(11);function c(e){return e&&e.__esModule?e:{default:e}}var d=[i.keyCodes.ENTER,i.keyCodes.SPACE]},18:function(e,t){e.exports=require("react-transition-group")},19:function(e,t){e.exports=require("lodash/isArray")},2:function(e,t){e.exports=require("classnames")},20:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t=e.ref,n=e.callback,o=e.debounceTime,a=void 0===o?200:o,l=(0,r.useMemo)((function(){return 0===a?n:(0,u.default)(n,a)}),[n,a]);(0,r.useEffect)((function(){if(!window.ResizeObserver)return function(){};if(t.current){var e=function(e){return window.requestAnimationFrame((function(){l({borderBoxSize:e})}))},n=null,o=new ResizeObserver((function(t){var o=t[0];if(o&&o.borderBoxSize){var r=o.borderBoxSize.length>0?o.borderBoxSize[0]:o.borderBoxSize;n=e(r)}else{if(!o.contentRect)return function(){};var u={blockSize:o.contentRect.height};n=e(u)}}));return o.observe(t.current),function(){0!==a&&l.cancel(),n&&window.cancelAnimationFrame(n),o.disconnect()}}}),[t.current,n,a,l])};var o,r=n(0),u=(o=n(12))&&o.__esModule?o:{default:o}},3:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t=e.eventName,n=e.callback,r=e.ref,u=e.capture,a=void 0!==u&&u;(0,o.useEffect)((function(){var e=r&&r.current;if(e){var o={capture:a};return e.addEventListener(t,n,o),function(){e.removeEventListener(t,n,o)}}}),[t,r,n,a])};var o=n(0)},32:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=u(n(1)),r=u(n(0));function u(e){return e&&e.__esModule?e:{default:e}}function a(){return(a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e}).apply(this,arguments)}function l(e,t){if(null==e)return{};var n,o,r=function(e,t){if(null==e)return{};var n,o,r={},u=Object.keys(e);for(o=0;o<u.length;o++)n=u[o],t.indexOf(n)>=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(o=0;o<u.length;o++)n=u[o],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i=function(e){var t=e.size,n=l(e,["size"]);return r.default.createElement("svg",a({viewBox:"0 0 20 20",fill:"currentColor",width:t||"20",height:t||"20"},n),r.default.createElement("path",{d:"M8.53033 14.2478L8 13.7175L7.46967 14.2478C7.76256 14.5407 8.23744 14.5407 8.53033 14.2478ZM8 12.6569L4.53033 9.18718C4.23744 8.89429 3.76256 8.89429 3.46967 9.18718C3.17678 9.48008 3.17678 9.95495 3.46967 10.2478L7.46967 14.2478L8 13.7175L8.53033 14.2478L16.2478 6.53033C16.5407 6.23743 16.5407 5.76256 16.2478 5.46967C15.955 5.17677 15.4801 5.17677 15.1872 5.46967L8 12.6569Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}))};i.displayName="Check",i.propTypes={size:o.default.string},i.__docgenInfo={description:"",methods:[],displayName:"Check",props:{size:{type:{name:"string"},required:!1,description:""}}};var c=i;t.default=c},34:function(e,t,n){"use strict";function o(e){return(o="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)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r,u=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!==o(e)&&"function"!=typeof e)return{default:e};var t=l();if(t&&t.has(e))return t.get(e);var n={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(Object.prototype.hasOwnProperty.call(e,u)){var a=r?Object.getOwnPropertyDescriptor(e,u):null;a&&(a.get||a.set)?Object.defineProperty(n,u,a):n[u]=e[u]}n.default=e,t&&t.set(e,n);return n}(n(0)),a=(r=n(1))&&r.__esModule?r:{default:r};function l(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return l=function(){return e},e}n(36);var i=(0,u.forwardRef)((function(e,t){var n=e.svgClassName;return u.default.createElement("div",{className:"monday-loader-component",ref:t},u.default.createElement("svg",{className:"circle-loader-spinner ".concat(n),viewBox:"0 0 50 50"},u.default.createElement("circle",{className:"circle-loader-spinner-path",cx:"25",cy:"25",r:"20",fill:"none",strokeWidth:"5"})))}));i.propTypes={svgClassName:a.default.string},i.defaultProps={svgClassName:""},i.__docgenInfo={description:"",methods:[],displayName:"Loader",props:{svgClassName:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:""}}};var c=i;t.default=c},35:function(e,t,n){"use strict";function o(e){return(o="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)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!==o(e)&&"function"!=typeof e)return{default:e};var t=v();if(t&&t.has(e))return t.get(e);var n={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(Object.prototype.hasOwnProperty.call(e,u)){var a=r?Object.getOwnPropertyDescriptor(e,u):null;a&&(a.get||a.set)?Object.defineProperty(n,u,a):n[u]=e[u]}n.default=e,t&&t.set(e,n);return n}(n(0)),u=m(n(1)),a=m(n(2)),l=m(n(20)),i=m(n(4));n(45);var c=n(46),d=n(8),s=m(n(7)),f=m(n(34)),p=n(5),y=n(47);function m(e){return e&&e.__esModule?e:{default:e}}function v(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return v=function(){return e},e}function b(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var O=!!window.MSInputMethodContext&&!!document.documentMode?32:6,g=(0,r.forwardRef)((function(e,t){var n=e.className,o=e.children,u=e.kind,d=e.onClick,p=e.name,m=e.size,v=e.color,g=e.disabled,T=e.rightIcon,C=e.leftIcon,S=e.success,_=e.successText,P=e.successIcon,h=e.style,N=e.loading,E=e.active,I=e.id,M=e.marginRight,R=e.marginLeft,k=e.type,j=e.onMouseDown,L=e.ariaLabel,A=e.rightFlat,w=e.leftFlat,V=e.preventClickAnimation,x=e.noSidePadding,B=e.onFocus,q=e.onBlur,Y=e.ariaLabeledBy,z=e.defaultTextColorOnPrimaryColor,F=(0,r.useRef)(null),U=(0,r.useMemo)((function(){return function(e){var t=e.borderBoxSize,n=t.blockSize,o=t.inlineSize,r=Math.max(o,O),u=Math.max(n,O);F.current&&(F.current.style.setProperty("--element-width","".concat(r,"px")),F.current.style.setProperty("--element-height","".concat(u,"px")))}}),[F]);(0,l.default)({ref:F,callback:U,debounceTime:200}),(0,r.useEffect)((function(){if(v===c.BUTTON_COLORS.ON_PRIMARY_COLOR&&u===c.BUTTON_TYPES.PRIMARY&&F.current){var e=F.current;e.style.color=(0,y.getParentBackgroundColorNotTransparent)(e,z)}}),[u,F,v,z]);var D=(0,r.useCallback)((function(){var e=F.current;e&&e.blur()}),[F]),G=(0,r.useCallback)((function(e){g||N||S?e.preventDefault():d&&d(e)}),[d,g,N,S]),Z=(0,r.useCallback)((function(e){g||N||S?e.preventDefault():j&&j(e)}),[j,g,N,S]),W=(0,r.useMemo)((function(){var e,t=S?c.BUTTON_COLORS.POSITIVE:v;return(0,a.default)(n,"monday-style-button","monday-style-button--size-".concat((0,c.getActualSize)(m)),"monday-style-button--kind-".concat(u),"monday-style-button--color-".concat(t),(b(e={"monday-style-button--loading":N},"monday-style-button--color-".concat(t,"-active"),E),b(e,"monday-style-button--margin-right",M),b(e,"monday-style-button--margin-left",R),b(e,"monday-style-button--right-flat",A),b(e,"monday-style-button--left-flat",w),b(e,"monday-style-button--prevent-click-animation",V),b(e,"monday-style-button--no-side-padding",x),e))}),[m,u,v,n,S,N,E,M,R,x,V,w,A]),H=(0,i.default)({refs:[t,F]}),K=(0,r.useMemo)((function(){return{disabled:g,ref:H,type:k,className:W,name:p,onMouseUp:D,style:h,onClick:G,id:I,onFocus:B,onBlur:q,onMouseDown:Z,"aria-labelledby":Y,"aria-label":L,"aria-busy":N}}),[g,W,p,D,h,G,I,k,Z,L,N,B,q,H,Y]);return N?r.default.createElement("button",K,r.default.createElement("span",{className:"monday-style-button__loader"},r.default.createElement(f.default,{svgClassName:"monday-style-button-loader-svg"}))):S?r.default.createElement("button",K,P?r.default.createElement(s.default,{iconType:s.default.type.ICON_FONT,clickable:!1,icon:P,className:(0,a.default)({"monday-style-button--left-icon":!!_}),ignoreFocusStyle:!0}):null,_):r.default.createElement("button",K,C?r.default.createElement(s.default,{iconType:s.default.type.ICON_FONT,clickable:!1,icon:C,className:(0,a.default)({"monday-style-button--left-icon":!!o}),ignoreFocusStyle:!0}):null,o,T?r.default.createElement(s.default,{iconType:s.default.type.ICON_FONT,clickable:!1,icon:T,className:(0,a.default)({"monday-style-button--right-icon":!!o}),ignoreFocusStyle:!0}):null)}));g.sizes=p.SIZES,g.colors=c.BUTTON_COLORS,g.kinds=c.BUTTON_TYPES,g.inputTags=c.BUTTON_INPUT_TYPE,g.propTypes={className:u.default.string,kind:u.default.oneOf([g.kinds.PRIMARY,g.kinds.SECONDARY,g.kinds.TERTIARY]),onClick:u.default.func,onMouseDown:u.default.func,name:u.default.string,size:u.default.oneOf([g.sizes.SMALL,g.sizes.MEDIUM,g.sizes.LARGE]),color:u.default.oneOf([g.colors.PRIMARY,g.colors.NEGATIVE,g.colors.POSITIVE,g.colors.ON_PRIMARY_COLOR]),type:u.default.oneOf([g.inputTags.BUTTON,g.inputTags.SUBMIT,g.inputTags.RESET]),disabled:u.default.bool,rightIcon:u.default.string,leftIcon:u.default.string,success:u.default.bool,successIcon:u.default.string,successText:u.default.string,loading:u.default.bool,style:u.default.object,active:u.default.bool,id:u.default.string,marginRight:u.default.bool,marginLeft:u.default.bool,ariaLabeledBy:u.default.string,ariaLabel:u.default.string,onFocus:u.default.func,onBlur:u.default.func,rightFlat:u.default.bool,leftFlat:u.default.bool,preventClickAnimation:u.default.bool,noSidePadding:u.default.bool,defaultTextColorOnPrimaryColor:u.default.string},g.defaultProps={kind:c.BUTTON_TYPES.PRIMARY,onClick:d.NOOP,onMouseDown:d.NOOP,name:"",size:p.SIZES.MEDIUM,color:c.BUTTON_COLORS.PRIMARY,disabled:!1,className:"",rightIcon:null,leftIcon:null,successIcon:"",successText:"",success:!1,loading:!1,active:!1,id:"",marginRight:!1,marginLeft:!1,type:c.BUTTON_INPUT_TYPE.BUTTON,ariaLabel:"",ariaLabeledBy:"",rightFlat:!1,leftFlat:!1,preventClickAnimation:!1,noSidePadding:!1,onFocus:d.NOOP,onBlur:d.NOOP,defaultTextColorOnPrimaryColor:y.TRANSPARENT_COLOR},g.__docgenInfo={description:"",methods:[],displayName:"Button",props:{kind:{defaultValue:{value:"BUTTON_TYPES.PRIMARY",computed:!0},type:{name:"enum",value:[{value:"Button.kinds.PRIMARY",computed:!0},{value:"Button.kinds.SECONDARY",computed:!0},{value:"Button.kinds.TERTIARY",computed:!0}]},required:!1,description:"The kind of a button is exposed on the component"},onClick:{defaultValue:{value:"NOOP",computed:!0},type:{name:"func"},required:!1,description:""},onMouseDown:{defaultValue:{value:"NOOP",computed:!0},type:{name:"func"},required:!1,description:""},name:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:"Name of the button - for form submit usages"},size:{defaultValue:{value:"SIZES.MEDIUM",computed:!0},type:{name:"enum",value:[{value:"Button.sizes.SMALL",computed:!0},{value:"Button.sizes.MEDIUM",computed:!0},{value:"Button.sizes.LARGE",computed:!0}]},required:!1,description:"The size of a button is exposed on the component"},color:{defaultValue:{value:"BUTTON_COLORS.PRIMARY",computed:!0},type:{name:"enum",value:[{value:"Button.colors.PRIMARY",computed:!0},{value:"Button.colors.NEGATIVE",computed:!0},{value:"Button.colors.POSITIVE",computed:!0},{value:"Button.colors.ON_PRIMARY_COLOR",computed:!0}]},required:!1,description:"The color of a button is exposed on the component"},disabled:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:"Disabled property which causes the button to be disabled"},className:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:""},rightIcon:{defaultValue:{value:"null",computed:!1},type:{name:"string"},required:!1,description:"Icon to place on the right"},leftIcon:{defaultValue:{value:"null",computed:!1},type:{name:"string"},required:!1,description:"Icon to place on the left"},successIcon:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:"Success icon name"},successText:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:"Success text"},success:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:"the success props are used when you have async action and wants to display a success message"},loading:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:"loading boolean which switches the text to a loader"},active:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:"displays the active state"},id:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:"id to pass to the button"},marginRight:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:"adds 8px margin to the right"},marginLeft:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:"adds 8px margin to the left"},type:{defaultValue:{value:"BUTTON_INPUT_TYPE.BUTTON",computed:!0},type:{name:"enum",value:[{value:"Button.inputTags.BUTTON",computed:!0},{value:"Button.inputTags.SUBMIT",computed:!0},{value:"Button.inputTags.RESET",computed:!0}]},required:!1,description:"The type of a button is exposed on the component"},ariaLabel:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:"aria label to provide important when providing only Icon"},ariaLabeledBy:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:"element id to describe the button accordingly"},rightFlat:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},leftFlat:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},preventClickAnimation:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},noSidePadding:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},onFocus:{defaultValue:{value:"NOOP",computed:!0},type:{name:"func"},required:!1,description:"On Button Focus callback"},onBlur:{defaultValue:{value:"NOOP",computed:!0},type:{name:"func"},required:!1,description:"On Button Blur callback"},defaultTextColorOnPrimaryColor:{defaultValue:{value:"TRANSPARENT_COLOR",computed:!0},type:{name:"string"},required:!1,description:"default color for text color in ON_PRIMARY_COLOR kind (should be any type of css color (rbg, var, hex...)"},style:{type:{name:"object"},required:!1,description:""}}};var T=g;t.default=T},36:function(e,t,n){},4:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t=e.refs,n=void 0===t?[]:t;return(0,o.useMemo)((function(){return n.every((function(e){return null===e}))?null:function(e){n.forEach((function(t){t&&function(e,t){if(null===e)return;if("function"==typeof e)return void e(t);try{e.current=t}catch(n){throw console.error(n),new Error("Cannot assign value '".concat(t,"' to ref '").concat(e,"'"))}}(t,e)}))}}),[n])};var o=n(0)},42:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=u(n(1)),r=u(n(0));function u(e){return e&&e.__esModule?e:{default:e}}function a(){return(a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e}).apply(this,arguments)}function l(e,t){if(null==e)return{};var n,o,r=function(e,t){if(null==e)return{};var n,o,r={},u=Object.keys(e);for(o=0;o<u.length;o++)n=u[o],t.indexOf(n)>=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(o=0;o<u.length;o++)n=u[o],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i=function(e){var t=e.size,n=l(e,["size"]);return r.default.createElement("svg",a({viewBox:"0 0 20 20",fill:"currentColor",width:t||"20",height:t||"20"},n),r.default.createElement("path",{d:"M6.53033 5.46967C6.23744 5.17678 5.76256 5.17678 5.46967 5.46967C5.17678 5.76256 5.17678 6.23744 5.46967 6.53033L8.62562 9.68628L5.47045 12.8415C5.17756 13.1343 5.17756 13.6092 5.47045 13.9021C5.76334 14.195 6.23822 14.195 6.53111 13.9021L9.68628 10.7469L12.8415 13.9021C13.1343 14.195 13.6092 14.195 13.9021 13.9021C14.195 13.6092 14.195 13.1343 13.9021 12.8415L10.7469 9.68628L13.9029 6.53033C14.1958 6.23744 14.1958 5.76256 13.9029 5.46967C13.61 5.17678 13.1351 5.17678 12.8422 5.46967L9.68628 8.62562L6.53033 5.46967Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}))};i.displayName="CloseSmall",i.propTypes={size:o.default.string},i.__docgenInfo={description:"",methods:[],displayName:"CloseSmall",props:{size:{type:{name:"string"},required:!1,description:""}}};var c=i;t.default=c},45:function(e,t,n){},46:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.BUTTON_INPUT_TYPE=t.BUTTON_KIND_CLASS_NAMES=t.getActualSize=t.BUTTON_COLORS=t.BUTTON_TYPES=void 0;var o=n(5);t.BUTTON_TYPES={PRIMARY:"primary",SECONDARY:"secondary",TERTIARY:"tertiary"};t.BUTTON_COLORS={PRIMARY:"primary",POSITIVE:"positive",NEGATIVE:"negative",ON_PRIMARY_COLOR:"on-primary-color"};var r={sm:o.SIZES.SMALL,md:o.SIZES.MEDIUM,lg:o.SIZES.LARGE};t.getActualSize=function(e){return r[e]||e};t.BUTTON_KIND_CLASS_NAMES={PRIMARY:""};t.BUTTON_INPUT_TYPE={BUTTON:"button",SUBMIT:"submit",RESET:"reset"}},47:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getParentBackgroundColorNotTransparent=function e(t,n){var r=t.parentElement;if(t===t.parentElement)return t?t.style.backgroundColor:n;if(!r)return n;var u=r.style.backgroundColor;if(!u||u===n)return e(r,n);return u===o?n:u},t.TRANSPARENT_COLOR=void 0;var o="rgba(0, 0, 0, 0)";t.TRANSPARENT_COLOR=o},49:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=u(n(1)),r=u(n(0));function u(e){return e&&e.__esModule?e:{default:e}}function a(){return(a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e}).apply(this,arguments)}function l(e,t){if(null==e)return{};var n,o,r=function(e,t){if(null==e)return{};var n,o,r={},u=Object.keys(e);for(o=0;o<u.length;o++)n=u[o],t.indexOf(n)>=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(o=0;o<u.length;o++)n=u[o],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i=function(e){var t=e.size,n=l(e,["size"]);return r.default.createElement("svg",a({viewBox:"0 0 20 20",fill:"currentColor",width:t||"20",height:t||"20"},n),r.default.createElement("path",{d:"M10 2.10596C9.661 2.10596 9.32868 2.20028 9.04023 2.37836C8.75177 2.55645 8.51855 2.81128 8.36665 3.11435L8.36633 3.11498L2.44277 14.9621L2.44269 14.9623C2.30353 15.2407 2.23784 15.5502 2.25185 15.8612C2.26586 16.1721 2.3591 16.4744 2.52272 16.7392C2.68635 17.0041 2.91493 17.2227 3.18678 17.3744C3.45863 17.5261 3.76473 17.6058 4.07604 17.606H4.07644H15.9236H15.924C16.2353 17.6058 16.5414 17.5261 16.8132 17.3744C17.0851 17.2227 17.3137 17.0041 17.4773 16.7392C17.6409 16.4744 17.7341 16.1721 17.7481 15.8612C17.7622 15.5502 17.6965 15.2407 17.5573 14.9623L17.5572 14.9621L11.6337 3.11498L11.6333 3.11435C11.4815 2.81128 11.2482 2.55645 10.9598 2.37836C10.6713 2.20028 10.339 2.10596 10 2.10596ZM9.82821 3.65471C9.87984 3.62284 9.93932 3.60596 10 3.60596C10.0607 3.60596 10.1202 3.62284 10.1718 3.65471C10.2233 3.68654 10.265 3.73207 10.2922 3.78622L10.2923 3.78645L16.2155 15.6328L16.2156 15.6329C16.2404 15.6827 16.2522 15.7381 16.2497 15.7937C16.2472 15.8493 16.2305 15.9034 16.2012 15.9508C16.1719 15.9982 16.131 16.0374 16.0823 16.0645C16.0337 16.0917 15.9789 16.1059 15.9232 16.106H4.07684C4.02112 16.1059 3.96633 16.0917 3.91767 16.0645C3.86901 16.0374 3.8281 15.9982 3.79881 15.9508C3.76953 15.9034 3.75284 15.8493 3.75033 15.7937C3.74783 15.7381 3.75956 15.6827 3.78441 15.6329L3.78449 15.6328L9.70765 3.78645L9.70777 3.7862C9.73496 3.73206 9.77666 3.68654 9.82821 3.65471ZM10 6.95135C10.4142 6.95135 10.75 7.28714 10.75 7.70135V10.9324C10.75 11.3466 10.4142 11.6824 10 11.6824C9.58579 11.6824 9.25 11.3466 9.25 10.9324V7.70135C9.25 7.28714 9.58579 6.95135 10 6.95135ZM9.2303 13.3937C9.43444 13.1896 9.7113 13.0749 9.99999 13.0749C10.2887 13.0749 10.5655 13.1896 10.7697 13.3937C10.9738 13.5979 11.0885 13.8747 11.0885 14.1634C11.0885 14.4521 10.9738 14.729 10.7697 14.9331C10.5655 15.1372 10.2887 15.2519 9.99999 15.2519C9.7113 15.2519 9.43444 15.1372 9.2303 14.9331C9.02617 14.729 8.91149 14.4521 8.91149 14.1634C8.91149 13.8747 9.02617 13.5979 9.2303 13.3937ZM9.99999 14.1749C10.003 14.1749 10.006 14.1737 10.0081 14.1715C10.0103 14.1694 10.0115 14.1665 10.0115 14.1634C10.0115 14.1604 10.0103 14.1574 10.0081 14.1553C10.006 14.1531 10.003 14.1519 9.99999 14.1519C9.99695 14.1519 9.99402 14.1531 9.99187 14.1553C9.98971 14.1574 9.9885 14.1604 9.9885 14.1634C9.9885 14.1665 9.98971 14.1694 9.99187 14.1715C9.99402 14.1737 9.99695 14.1749 9.99999 14.1749Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}))};i.displayName="Alert",i.propTypes={size:o.default.string},i.__docgenInfo={description:"",methods:[],displayName:"Alert",props:{size:{type:{name:"string"},required:!1,description:""}}};var c=i;t.default=c},5:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.SIZES=void 0;var o=Object.freeze({LARGE:"large",MEDIUM:"medium",SMALL:"small"});t.SIZES=o},6:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t,n=e.keys,o=void 0===n?[]:n,a=e.ref,l=e.callback,i=e.ignoreDocumentFallback,c=void 0!==i&&i,d=e.capture,s=void 0!==d&&d,f=e.preventDefault,p=void 0!==f&&f,y=e.stopPropagation,m=void 0!==y&&y,v=e.keyEventName,b=void 0===v?"keydown":v,O=(0,r.useRef)(document),g=(0,r.useCallback)((function(e){var t=e.key;o.includes(t)&&(p&&e.preventDefault(),m&&e.stopPropagation(),l(e))}),[l,o,p,m]);t=a||(c?null:O);(0,u.default)({eventName:b,callback:g,ref:t,capture:s})};var o,r=n(0),u=(o=n(3))&&o.__esModule?o:{default:o}},7:function(e,t,n){"use strict";function o(e){return(o="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)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!==o(e)&&"function"!=typeof e)return{default:e};var t=f();if(t&&t.has(e))return t.get(e);var n={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(Object.prototype.hasOwnProperty.call(e,u)){var a=r?Object.getOwnPropertyDescriptor(e,u):null;a&&(a.get||a.set)?Object.defineProperty(n,u,a):n[u]=e[u]}n.default=e,t&&t.set(e,n);return n}(n(0)),u=s(n(1)),a=s(n(2));n(13);var l=n(14),i=s(n(15)),c=s(n(17)),d=s(n(4));function s(e){return e&&e.__esModule?e:{default:e}}function f(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return f=function(){return e},e}var p=(0,r.forwardRef)((function(e,t){var n=e.onClick,o=e.className,u=e.icon,s=e.clickable,f=e.iconLabel,p=e.iconType,y=e.iconSize,m=e.ignoreFocusStyle,v=e.tabindex,b=(0,c.default)({onClick:n,clickable:s,className:o,ignoreFocusStyle:m}),O=b.tabindex,g=b.onClickCallback,T=b.computedClassName,C=b.iconRef,S=b.role,_=(0,d.default)({refs:[t,C]});if(!u)return null;if(p===l.ICON_TYPES.SVG){var P=u;return r.default.createElement(P,{size:y.toString(),onClick:n,tabIndex:null!=v?v:O,className:T,role:S})}return r.default.createElement(i.default,{className:(0,a.default)(T),onClick:g,ref:_,iconLabel:f,tabIndex:null!=v?v:O,icon:u,role:S})}));p.type=l.ICON_TYPES,p.propTypes={onClick:u.default.func,className:u.default.string,iconType:u.default.oneOf([p.type.SVG,p.type.ICON_FONT]),icon:u.default.oneOfType([u.default.string,u.default.func]),clickable:u.default.bool,iconLabel:u.default.string,iconSize:u.default.oneOfType([u.default.number,u.default.string]),ignoreFocusStyle:u.default.bool},p.defaultProps={onClick:function(){},className:"",icon:"",clickable:!0,iconLabel:"",iconType:l.ICON_TYPES.SVG,iconSize:16,ignoreFocusStyle:!1},p.__docgenInfo={description:"",methods:[],displayName:"Icon",props:{onClick:{defaultValue:{value:"() => {}",computed:!1},type:{name:"func"},required:!1,description:""},className:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:""},icon:{defaultValue:{value:'""',computed:!1},type:{name:"union",value:[{name:"string"},{name:"func"}]},required:!1,description:"we support two types of icons - SVG and FONT (classname) so this prop is either the name of the icon or the component"},clickable:{defaultValue:{value:"true",computed:!1},type:{name:"bool"},required:!1,description:"is in used for tabIndex"},iconLabel:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:"icon aria label support"},iconType:{defaultValue:{value:"ICON_TYPES.SVG",computed:!0},type:{name:"enum",value:[{value:"Icon.type.SVG",computed:!0},{value:"Icon.type.ICON_FONT",computed:!0}]},required:!1,description:"the type of the component - svg, font or custom svg (using react-inlinesvg)"},iconSize:{defaultValue:{value:"16",computed:!1},type:{name:"union",value:[{name:"number"},{name:"string"}]},required:!1,description:"size for font icon"},ignoreFocusStyle:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:"remove focus style"}}};var y=p;t.default=y},73:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=u(n(1)),r=u(n(0));function u(e){return e&&e.__esModule?e:{default:e}}function a(){return(a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e}).apply(this,arguments)}function l(e,t){if(null==e)return{};var n,o,r=function(e,t){if(null==e)return{};var n,o,r={},u=Object.keys(e);for(o=0;o<u.length;o++)n=u[o],t.indexOf(n)>=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(o=0;o<u.length;o++)n=u[o],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i=function(e){var t=e.size,n=l(e,["size"]);return r.default.createElement("svg",a({viewBox:"0 0 20 20",fill:"currentColor",width:t||"20",height:t||"20"},n),r.default.createElement("path",{d:"M4.5559 4.55593C5.99976 3.11206 7.95806 2.3009 10 2.3009C12.0419 2.3009 14.0002 3.11206 15.4441 4.55593C16.888 5.99979 17.6991 7.9581 17.6991 10C17.6991 12.042 16.888 14.0003 15.4441 15.4441C14.0002 16.888 12.0419 17.6992 10 17.6992C7.95806 17.6992 5.99976 16.888 4.5559 15.4441C3.11203 14.0003 2.30087 12.042 2.30087 10C2.30087 7.9581 3.11203 5.99979 4.5559 4.55593ZM10 3.8009C8.35589 3.8009 6.77912 4.45402 5.61656 5.61659C4.45399 6.77915 3.80087 8.35592 3.80087 10C3.80087 11.6441 4.45399 13.2209 5.61656 14.3835C6.77912 15.546 8.35589 16.1992 10 16.1992C11.6441 16.1992 13.2209 15.546 14.3834 14.3835C15.546 13.2209 16.1991 11.6441 16.1991 10C16.1991 8.35592 15.546 6.77915 14.3834 5.61659C13.2209 4.45402 11.6441 3.8009 10 3.8009ZM10 9.25006C10.4142 9.25006 10.75 9.58585 10.75 10.0001V13.4746C10.75 13.8888 10.4142 14.2246 10 14.2246C9.58579 14.2246 9.25 13.8888 9.25 13.4746V10.0001C9.25 9.58585 9.58579 9.25006 10 9.25006ZM9.54135 6.21669C9.7058 6.10681 9.89914 6.04816 10.0969 6.04816C10.3621 6.04816 10.6165 6.15351 10.804 6.34105C10.9916 6.52859 11.0969 6.78294 11.0969 7.04816C11.0969 7.24593 11.0383 7.43927 10.9284 7.60373C10.8185 7.76818 10.6623 7.89635 10.4796 7.97204C10.2969 8.04772 10.0958 8.06753 9.90183 8.02894C9.70786 7.99036 9.52967 7.89512 9.38982 7.75526C9.24996 7.61541 9.15472 7.43722 9.11614 7.24325C9.07755 7.04927 9.09736 6.8482 9.17304 6.66547C9.24873 6.48275 9.3769 6.32657 9.54135 6.21669Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}))};i.displayName="Info",i.propTypes={size:o.default.string},i.__docgenInfo={description:"",methods:[],displayName:"Info",props:{size:{type:{name:"string"},required:!1,description:""}}};var c=i;t.default=c},8:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.chainRefFunctions=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return function(n){for(var o=0;o<e.length;o++){var u=e[o];try{var a=void 0;if((0,r.default)(u)?a=u(n):u&&(u.current=n),!1===a&&t)return}catch(e){return}}}},t.chainFunctions=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return function(n){for(var o=0;o<e.length;o++){var r=e[o];try{if(!1===(r&&r(n))&&t)return}catch(e){return}}}},t.convertToArray=function(e){return(0,o.default)(e)?e:[e]},t.NOOP=function(){};var o=u(n(19)),r=u(n(9));function u(e){return e&&e.__esModule?e:{default:e}}},9:function(e,t){e.exports=require("lodash/isFunction")}})}));