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()}(this,(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=104)}({0:function(e,t){e.exports=require("react")},1:function(e,t){e.exports=require("prop-types")},104: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,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=m(t);if(n&&n.has(e))return n.get(e);var o={},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var i=u?Object.getOwnPropertyDescriptor(e,a):null;i&&(i.get||i.set)?Object.defineProperty(o,a,i):o[a]=e[a]}o.default=e,n&&n.set(e,o);return o}(n(0)),u=p(n(1)),a=p(n(2)),i=n(30),l=n(117),c=n(4),s=p(n(5)),d=p(n(118));n(119);var f=n(6);function p(e){return e&&e.__esModule?e:{default:e}}function m(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(m=function(e){return e?n:t})(e)}function y(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)return;var r,o,u=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(u.push(r.value),!t||u.length!==t);a=!0);}catch(e){i=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw o}}return u}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return v(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 v(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 v(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}var b=function(e){var t=e.count,n=e.size,r=e.kind,u=e.color,c=e.wrapperClassName,f=e.maxDigits,p=e.ariaLabeledBy,m=e.ariaLabel,v=e.id,b=e.prefix,O=e.onMouseDown,E=e.noAnimation,S=y((0,o.useState)(!1),2),g=S[0],T=S[1],L=(0,o.useRef)(null),R=(0,o.useCallback)((function(){T(!0)}),[T]),_=(0,o.useCallback)((function(){T(!1)}),[T]);(0,s.default)({eventName:"animationend",callback:_,ref:L});var A=(0,d.default)();(0,o.useEffect)((function(){A.current||R()}),[t,A,R]),(0,o.useEffect)((function(){f<=0&&console.error("Max digits must be a positive number")}),[f]);var M=(0,o.useMemo)((function(){return(0,a.default)("monday-style-counter","monday-style-counter--size-".concat((0,l.getActualSize)(n)),"monday-style-counter--kind-".concat(r),"monday-style-counter--color-".concat(u),{"monday-style-counter--with-animation":g})}),[n,r,u,g]),h=(null==t?void 0:t.toString().length)>f?"".concat(Math.pow(10,f)-1,"+"):t,P=o.default.createElement("span",{id:"counter-".concat(v)},b+h);return o.default.createElement("span",{className:c,"aria-label":"".concat(m," ").concat(h),"aria-labelledby":p,onMouseDown:O},o.default.createElement("div",{className:M,"aria-label":h,ref:L},E?P: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:h},o.default.createElement("span",{id:"counter-".concat(v)},b+h)))))};b.sizes=c.SIZES,b.colors=l.COUNTER_COLORS,b.kinds=l.COUNTER_TYPES,b.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([b.sizes.LARGE,b.sizes.SMALL]),color:u.default.oneOf([b.colors.PRIMARY,b.colors.DARK,b.colors.NEGATIVE]),kind:u.default.oneOf([b.kinds.FILL,b.kinds.LINE]),maxDigits:u.default.number,prefix:u.default.string,onMouseDown:u.default.func,noAnimation:u.default.bool},b.defaultProps={id:"",wrapperClassName:"",count:0,size:c.SIZES.LARGE,color:l.COUNTER_COLORS.PRIMARY,kind:l.COUNTER_TYPES.FILL,maxDigits:3,ariaLabeledBy:"",ariaLabel:"",prefix:"",onMouseDown:f.NOOP,noAnimation:!1},b.__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"},prefix:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:""},onMouseDown:{defaultValue:{value:"NOOP",computed:!0},type:{name:"func"},required:!1,description:"Callback to be called when the counter is clicked."},noAnimation:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:"Disables the component's animation."}}};var O=b;t.default=O},11:function(e,t){e.exports=require("lodash/isFunction")},117:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getActualSize=t.COUNTER_COLORS=t.COUNTER_TYPES=void 0;var r=n(4);t.COUNTER_TYPES={FILL:"fill",LINE:"line"};t.COUNTER_COLORS={PRIMARY:"primary",DARK:"dark",NEGATIVE:"negative"};var o={sm:r.SIZES.SMALL,md:r.SIZES.MEDIUM,lg:r.SIZES.LARGE};t.getActualSize=function(e){return o[e]||e}},118: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)},119:function(e,t,n){},2:function(e,t){e.exports=require("classnames")},23:function(e,t){e.exports=require("lodash/isArray")},30:function(e,t){e.exports=require("react-transition-group")},4:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.DialogPositions=t.SIZES=void 0;var r=Object.freeze({LARGE:"large",MEDIUM:"medium",SMALL:"small"});t.SIZES=r;var o=Object.freeze({LEFT:"left",LEFT_START:"left-start",LEFT_END:"left-end",RIGHT:"right",RIGHT_START:"right-start",RIGHT_END:"right-end",TOP:"top",TOP_START:"top-start",TOP_END:"top-end",BOTTOM:"bottom",BOTTOM_START:"bottom-start",BOTTOM_END:"bottom-end"});t.DialogPositions=o},5: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){var r={capture:a};return e.addEventListener(t,n,r),function(){e.removeEventListener(t,n,r)}}}),[t,o,n,a])};var r=n(0)},6: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 r=0;r<e.length;r++){var u=e[r];try{var a=void 0;if((0,o.default)(u)?a=u(n):u&&(u.current=n),!1===a&&t)return}catch(e){return void console.error(e)}}}},t.chainFunctions=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return function(n){for(var r=0;r<e.length;r++){var o=e[r];try{if(!1===(o&&o(n))&&t)return}catch(e){return void console.error(e)}}}},t.convertToArray=function(e){return(0,r.default)(e)?e:[e]},t.NOOP=function(){};var r=u(n(23)),o=u(n(11));function u(e){return e&&e.__esModule?e:{default:e}}}})}));