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 r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=119)}({0:function(e,t){e.exports=require("react")},1:function(e,t){e.exports=require("prop-types")},119:function(e,t,r){"use strict";function n(e){return(n="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"!==n(e)&&"function"!=typeof e)return{default:e};var t=p();if(t&&t.has(e))return t.get(e);var r={},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(r,u,a):r[u]=e[u]}r.default=e,t&&t.set(e,r);return r}(r(0)),u=f(r(1)),a=f(r(2)),i=r(18),l=r(120),c=r(5),d=f(r(3)),s=f(r(121));function f(e){return e&&e.__esModule?e:{default:e}}function p(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return p=function(){return e},e}function m(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 r=[],n=!0,o=!1,u=void 0;try{for(var a,i=e[Symbol.iterator]();!(n=(a=i.next()).done)&&(r.push(a.value),!t||r.length!==t);n=!0);}catch(e){o=!0,u=e}finally{try{n||null==i.return||i.return()}finally{if(o)throw u}}return r}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return y(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))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 r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}r(122);var v=function(e){var t=e.count,r=e.size,n=e.kind,u=e.color,c=e.wrapperClassName,f=e.maxDigits,p=e.ariaLabeledBy,y=e.ariaLabel,v=e.id,b=m((0,o.useState)(!1),2),E=b[0],S=b[1],O=(0,o.useRef)(null),L=(0,o.useCallback)((function(){S(!0)}),[S]),g=(0,o.useCallback)((function(){S(!1)}),[S]);(0,d.default)({eventName:"animationend",callback:g,ref:O});var R=(0,s.default)();(0,o.useEffect)((function(){R.current||L()}),[t,R,L]),(0,o.useEffect)((function(){f<=0&&console.error("Max digits must be a positive number")}),[f]);var C=(0,o.useMemo)((function(){return(0,a.default)("monday-style-counter","monday-style-counter--size-".concat((0,l.getActualSize)(r)),"monday-style-counter--kind-".concat(n),"monday-style-counter--color-".concat(u),{"monday-style-counter--with-animation":E})}),[r,n,u,E]),_=(null==t?void 0:t.toString().length)>f?"".concat(Math.pow(10,f)-1,"+"):t;return o.default.createElement("span",{className:c,"aria-label":"".concat(y," ").concat(_),"aria-labelledby":p},o.default.createElement("div",{className:C,"aria-label":_,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:_},o.default.createElement("span",{id:"counter-".concat(v)},_)))))};v.sizes=c.SIZES,v.colors=l.COUNTER_COLORS,v.kinds=l.COUNTER_TYPES,v.propTypes={id:u.default.string,wrapperClassName:u.default.string,count:u.default.number,ariaLabeledBy:u.default.string,ariaLabel:u.default.string,size:u.default.oneOf([v.sizes.LARGE,v.sizes.SMALL]),color:u.default.oneOf([v.colors.PRIMARY,v.colors.DARK,v.colors.NEGATIVE]),kind:u.default.oneOf([v.kinds.FILL,v.kinds.LINE]),maxDigits:u.default.number},v.defaultProps={id:"",wrapperClassName:"",count:0,size:c.SIZES.LARGE,color:l.COUNTER_COLORS.PRIMARY,kind:l.COUNTER_TYPES.FILL,maxDigits:3,ariaLabeledBy:"",ariaLabel:""},v.__docgenInfo={description:"",methods:[],displayName:"Counter",props:{id:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:"id to pass to the element"},wrapperClassName:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:""},count:{defaultValue:{value:"0",computed:!1},type:{name:"number"},required:!1,description:""},size:{defaultValue:{value:"SIZES.LARGE",computed:!0},type:{name:"enum",value:[{value:"Counter.sizes.LARGE",computed:!0},{value:"Counter.sizes.SMALL",computed:!0}]},required:!1,description:""},color:{defaultValue:{value:"COUNTER_COLORS.PRIMARY",computed:!0},type:{name:"enum",value:[{value:"Counter.colors.PRIMARY",computed:!0},{value:"Counter.colors.DARK",computed:!0},{value:"Counter.colors.NEGATIVE",computed:!0}]},required:!1,description:""},kind:{defaultValue:{value:"COUNTER_TYPES.FILL",computed:!0},type:{name:"enum",value:[{value:"Counter.kinds.FILL",computed:!0},{value:"Counter.kinds.LINE",computed:!0}]},required:!1,description:""},maxDigits:{defaultValue:{value:"3",computed:!1},type:{name:"number"},required:!1,description:"maximum number of digits to display (see relevant story)"},ariaLabeledBy:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:"element id to describe the counter accordingly"},ariaLabel:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:"Counter Description"}}};var b=v;t.default=b},120:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getActualSize=t.COUNTER_COLORS=t.COUNTER_TYPES=void 0;var n=r(5);t.COUNTER_TYPES={FILL:"fill",LINE:"line"};t.COUNTER_COLORS={PRIMARY:"primary",DARK:"dark",NEGATIVE:"negative"};var o={sm:n.SIZES.SMALL,md:n.SIZES.MEDIUM,lg:n.SIZES.LARGE};t.getActualSize=function(e){return o[e]||e}},121:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(){var e=(0,n.useRef)(!0);return(0,n.useEffect)((function(){window.requestAnimationFrame((function(){e.current=!1}))}),[]),e};var n=r(0)},122:function(e,t,r){},18:function(e,t){e.exports=require("react-transition-group")},2:function(e,t){e.exports=require("classnames")},3:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t=e.eventName,r=e.callback,o=e.ref,u=e.capture,a=void 0!==u&&u;(0,n.useEffect)((function(){var e=o&&o.current;if(e){var n={capture:a};return e.addEventListener(t,r,n),function(){e.removeEventListener(t,r,n)}}}),[t,o,r,a])};var n=r(0)},5:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.SIZES=void 0;var n=Object.freeze({LARGE:"large",MEDIUM:"medium",SMALL:"small"});t.SIZES=n}})}));