monday-ui-react-core/dist/LinearProgressBar.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(a){if(t[a])return t[a].exports;var n=t[a]={i:a,l:!1,exports:{}};return e[a].call(n.exports,n,n.exports,r),n.l=!0,n.exports}return r.m=e,r.c=t,r.d=function(e,t,a){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:a})},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 a=Object.create(null);if(r.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)r.d(a,n,function(t){return e[t]}.bind(null,n));return a},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=86)}({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")},5:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.SIZES=void 0;var a=Object.freeze({LARGE:"large",MEDIUM:"medium",SMALL:"small"});t.SIZES=a},68:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.calculatePercentage=void 0;var a,n=(a=r(88))&&a.__esModule?a:{default:a};t.calculatePercentage=function(e,t,r){var a=(0,n.default)(e-t)/(0,n.default)(r-t)*100;return a>100?100:a}},86:function(e,t,r){"use strict";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)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!==a(e)&&"function"!=typeof e)return{default:e};var t=p();if(t&&t.has(e))return t.get(e);var r={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(Object.prototype.hasOwnProperty.call(e,u)){var o=n?Object.getOwnPropertyDescriptor(e,u):null;o&&(o.get||o.set)?Object.defineProperty(r,u,o):r[u]=e[u]}r.default=e,t&&t.set(e,r);return r}(r(0)),u=d(r(1)),o=d(r(2)),l=r(87),i=r(68),s=d(r(89)),c=d(r(90)),f=r(5);function d(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){return function(e){if(Array.isArray(e))return b(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return b(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 b(e,t)}(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 b(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,a=new Array(t);r<t;r++)a[r]=e[r];return a}r(91);var y=(0,n.forwardRef)((function(e,t){var r=e.min,a=e.max,u=e.value,f=e.valueSecondary,d=e.animated,p=e.barStyle,b=e.className,y=e.size,v=e.indicateProgress,S=e.multi,g=e.multiValues,O=e.ariaLabel,_=(0,n.useMemo)((function(){var e="".concat(l.baseClassName,"--wrapper");return(0,o.default)(e,function(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}({},"".concat(e,"__").concat(y),y),b)}),[y,b]),P=(0,n.useMemo)((function(){if(S){var e=g&&g.length&&g[0].value;return null==e?0:(0,i.calculatePercentage)(e,r,a)}return null==u?0:(0,i.calculatePercentage)(u,r,a)}),[u,r,a,S,g]),j=(0,n.useMemo)((function(){return S?n.default.createElement(n.default.Fragment,null,m(g).reverse().map((function(e,t){var u=e.value,o=e.color;return n.default.createElement(s.default,{barStyle:"none",value:u,animated:d,baseClass:l.baseClassName,color:o,min:r,max:a,key:"".concat(l.baseClassName,"_").concat(o,"_").concat(t)})}))):null}),[r,a,d,g,S]),h=v?n.default.createElement(c.default,{forElement:"linear-progress-bar",className:"".concat(l.baseClassName,"__label"),value:P}):null,E=S?null:n.default.createElement(n.default.Fragment,null,n.default.createElement(s.default,{barLabelName:O,barStyle:p,id:"linear-progress-bar",value:f,animated:d,baseClass:"".concat(l.baseClassName,"__secondary"),min:r,max:a}),n.default.createElement(s.default,{barStyle:p,value:u,animated:d,baseClass:l.baseClassName,min:r,max:a}));return n.default.createElement("div",{className:_,ref:t},n.default.createElement("div",{className:"".concat(l.baseClassName,"__container")},E,j),h)}));y.styles=l.PROGRESS_BAR_STYLES,y.sizes=f.SIZES,y.propTypes={barStyle:u.default.oneOf(Object.values(l.PROGRESS_BAR_STYLES)),min:u.default.number,max:u.default.number,value:u.default.number,valueSecondary:u.default.number,animated:u.default.bool,className:u.default.string,size:u.default.oneOf(Object.values(f.SIZES)),indicateProgress:u.default.bool,multi:u.default.bool,multiValues:u.default.arrayOf(u.default.shape({value:u.default.number.isRequired,color:u.default.string.isRequired}).isRequired),ariaLabel:u.default.string},y.defaultProps={barStyle:l.PROGRESS_BAR_STYLES.PRIMARY,size:f.SIZES.SMALL,className:"",multi:!1,indicateProgress:!1,valueSecondary:0,value:0,min:0,max:100,animated:!0,multiValues:[],ariaLabel:""},y.__docgenInfo={description:"",methods:[],displayName:"LinearProgressBar",props:{barStyle:{defaultValue:{value:"PROGRESS_BAR_STYLES.PRIMARY",computed:!0},type:{name:"enum",computed:!0,value:"Object.values(PROGRESS_BAR_STYLES)"},required:!1,description:"Determine the progress bar style (Supported options exposed through `LinearProgressBar.styles`)."},size:{defaultValue:{value:"SIZES.SMALL",computed:!0},type:{name:"enum",computed:!0,value:"Object.values(SIZES)"},required:!1,description:"Determine the progress bar height (Supported options exposed through `LinearProgressBar.sizes`)"},className:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:"Set external styling to the progress bar."},multi:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:"Use multiple bars.\n***Note:*** `value`, `valueSecondary` & `barStyle` won't be used"},indicateProgress:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:"Show progress bar progression in percentages"},valueSecondary:{defaultValue:{value:"0",computed:!1},type:{name:"number"},required:!1,description:"The progress bar secondary value."},value:{defaultValue:{value:"0",computed:!1},type:{name:"number"},required:!1,description:"The progress bar current value."},min:{defaultValue:{value:"0",computed:!1},type:{name:"number"},required:!1,description:"The progress bar starting value."},max:{defaultValue:{value:"100",computed:!1},type:{name:"number"},required:!1,description:"The progress bar ending value."},animated:{defaultValue:{value:"true",computed:!1},type:{name:"bool"},required:!1,description:"If set to *true*, animations are used."},multiValues:{defaultValue:{value:"[]",computed:!1},type:{name:"arrayOf",value:{name:"shape",value:{value:{name:"number",description:"The progress bar current value.",required:!0},color:{name:"string",description:"The bar color in hex - #000000 ~ #ffffff",required:!0}}}},required:!1,description:"Array of bar value objects {\n`value` - The progress value,\n`color` - hex [`#000000` ~ `#ffffff`] of the current bar\n}"},ariaLabel:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:"ARIA description for the progress bar"}}};var v=y;t.default=v},87:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.PROGRESS_BAR_STYLES=t.baseClassName=void 0;t.baseClassName="linear-progress-bar";var a=Object.freeze({PRIMARY:"primary",SECONDARY:"secondary",POSITIVE:"positive",NEGATIVE:"negative"});t.PROGRESS_BAR_STYLES=a},88:function(e,t){e.exports=require("lodash/toNumber")},89:function(e,t,r){"use strict";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)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n,u=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!==a(e)&&"function"!=typeof e)return{default:e};var t=i();if(t&&t.has(e))return t.get(e);var r={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(Object.prototype.hasOwnProperty.call(e,u)){var o=n?Object.getOwnPropertyDescriptor(e,u):null;o&&(o.get||o.set)?Object.defineProperty(r,u,o):r[u]=e[u]}r.default=e,t&&t.set(e,r);return r}(r(0)),o=(n=r(2))&&n.__esModule?n:{default:n},l=r(68);function i(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return i=function(){return e},e}function s(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function c(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?s(Object(r),!0).forEach((function(t){f(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function f(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var d=function(e){var t=e.value,r=e.baseClass,a=e.barStyle,n=e.animated,i=e.min,s=e.max,d=e.color,p=e.barLabelName,m=(0,u.useMemo)((function(){return(0,o.default)(r,"".concat(r,"--").concat(a),f({},"".concat(r,"--animate"),n))}),[a,n,r]),b=(0,u.useMemo)((function(){return null==t?0:(0,l.calculatePercentage)(t,i,s)}),[t,i,s]);return t?u.default.createElement("div",{role:"progressbar","aria-label":p,"aria-valuenow":b,"aria-valuemin":0,"aria-valuemax":100,className:m,style:c({width:"".concat(b,"%")},d&&{backgroundColor:d})}):null};d.__docgenInfo={description:"",methods:[],displayName:"Bar"};var p=d;t.default=p},90:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=u(r(0)),n=u(r(1));function u(e){return e&&e.__esModule?e:{default:e}}var o=function(e){var t=e.forElement,r=e.value,n=e.className;return null==r?null:a.default.createElement("label",{htmlFor:t,className:n},"".concat(r.toFixed(),"%"))};o.propTypes={forElement:n.default.string,value:n.default.number,className:n.default.string},o.defaultProps={className:"",value:0,forElement:""},o.__docgenInfo={description:"",methods:[],displayName:"PercentageLabel",props:{className:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:"Custom class name to style the component"},value:{defaultValue:{value:"0",computed:!1},type:{name:"number"},required:!1,description:"Determine the displayed percentage."},forElement:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:"Replacement to `htmlFor` | `for` attribute."}}};var l=o;t.default=l},91:function(e,t,r){}})}));