monday-ui-react-core/dist/Counter.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(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},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 r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},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=87)}({0:function(e,t){e.exports=require("react")},1:function(e,t){e.exports=require("prop-types")},2:function(e,t){e.exports=require("classnames")},22:function(e,t){e.exports=require("react-transition-group")},3:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t=e.eventName,n=e.callback,o=e.ref,u=e.capture,a=void 0!==u&&u;(0,r.useEffect)((function(){var e=o&&o.current;if(e)return e.addEventListener(t,n,{capture:a}),function(){e.removeEventListener(t,n,{capture:a})}}),[t,o,n,a])};var r=n(0)},87:function(e,t,n){"use strict";function r(e){return(r="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 o=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var t=d();if(t&&t.has(e))return t.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(Object.prototype.hasOwnProperty.call(e,u)){var a=o?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)),i=n(22),c=n(88),f=s(n(3)),l=s(n(89));function s(e){return e&&e.__esModule?e:{default:e}}function d(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return d=function(){return e},e}function p(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,o=!1,u=void 0;try{for(var a,i=e[Symbol.iterator]();!(r=(a=i.next()).done)&&(n.push(a.value),!t||n.length!==t);r=!0);}catch(e){o=!0,u=e}finally{try{r||null==i.return||i.return()}finally{if(o)throw u}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return y(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return y(e,t)}(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,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}n(90);var m=function(e){var t=e.count,n=e.size,r=e.kind,u=e.color,c=e.wrapperClassName,s=e.maxDigits,d=p((0,o.useState)(!1),2),y=d[0],m=d[1],O=(0,o.useRef)(null),E=(0,o.useCallback)((function(){m(!0)}),[m]),b=(0,o.useCallback)((function(){m(!1)}),[m]);(0,f.default)({eventName:"animationend",callback:b,ref:O});var v=(0,l.default)();(0,o.useEffect)((function(){v.current||E()}),[t,v,E]),(0,o.useEffect)((function(){s<=0&&console.error("Max digits must be a positive number")}),[s]);var S=(0,o.useMemo)((function(){return(0,a.default)("monday-style-counter","monday-style-counter--size-".concat(n),"monday-style-counter--kind-".concat(r),"monday-style-counter--color-".concat(u),{"monday-style-counter--with-animation":y})}),[n,r,u,y]),R=(null==t?void 0:t.toString().length)>s?"".concat(Math.pow(10,s)-1,"+"):t;return o.default.createElement("span",{className:c},o.default.createElement("div",{className:S,"aria-label":R,ref:O},o.default.createElement(i.SwitchTransition,{mode:"out-in"},o.default.createElement(i.CSSTransition,{classNames:"monday-style-counter--fade",addEndListener:function(e,t){e.addEventListener("transitionend",t,!1)},key:R},o.default.createElement("span",null,R)))))};m.propTypes={wrapperClassName:u.default.string,count:u.default.number,size:u.default.oneOf([c.COUNTER_SIZES.LARGE,c.COUNTER_SIZES.SMALL]),color:u.default.oneOf([c.COUNTER_COLORS.PRIMARY,c.COUNTER_COLORS.DARK,c.COUNTER_COLORS.NEGATIVE]),kind:u.default.oneOf([c.COUNTER_TYPES.FILL,c.COUNTER_TYPES.LINE]),maxDigits:u.default.number},m.defaultProps={wrapperClassName:"",count:0,size:c.COUNTER_SIZES.LARGE,color:c.COUNTER_COLORS.PRIMARY,kind:c.COUNTER_TYPES.FILL,maxDigits:3},m.sizes=c.COUNTER_SIZES,m.colors=c.COUNTER_COLORS,m.kinds=c.COUNTER_TYPES;var O=m;t.default=O},88:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.COUNTER_SIZES=t.COUNTER_COLORS=t.COUNTER_TYPES=void 0;t.COUNTER_TYPES={FILL:"fill",LINE:"line"};t.COUNTER_COLORS={PRIMARY:"primary",DARK:"dark",NEGATIVE:"negative"};t.COUNTER_SIZES={LARGE:"lg",SMALL:"sm"}},89:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(){var e=(0,r.useRef)(!0);return(0,r.useEffect)((function(){window.requestAnimationFrame((function(){e.current=!1}))}),[]),e};var r=n(0)},90:function(e,t,n){}})}));