monday-ui-react-core
Version:
Official monday.com UI resources for application development in React.js
1 lines • 35.9 kB
JavaScript
!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=214)}({0:function(e,t){e.exports=require("react")},1:function(e,t){e.exports=require("prop-types")},10:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t=e.isClickable,n=e.label,a=e.isDecorationOnly;return(0,r.useMemo)((function(){return(0,o.getIconScreenReaderAccessProps)({isClickable:t,label:n,isDecorationOnly:a})}),[t,n,a])};var r=n(0),o=n(17)},100: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=c(t);if(n&&n.has(e))return n.get(e);var o={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var u=a?Object.getOwnPropertyDescriptor(e,l):null;u&&(u.get||u.set)?Object.defineProperty(o,l,u):o[l]=e[l]}o.default=e,n&&n.set(e,o);return o}(n(0)),a=i(n(1)),l=i(n(2)),u=i(n(3));function i(e){return e&&e.__esModule?e:{default:e}}function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(c=function(e){return e?n:t})(e)}n(113);var s=(0,o.forwardRef)((function(e,t){var n=e.className,r=e.text,a=e.id,i=(0,o.useRef)(null),c=(0,u.default)({refs:[t,i]});return o.default.createElement("span",{ref:c,id:a,className:(0,l.default)("hidden-text--wrapper",n)},r)}));s.propTypes={className:a.default.string,id:a.default.string,text:a.default.string.isRequired},s.defaultProps={className:"",id:"hiddenText"},s.__docgenInfo={description:"",methods:[],displayName:"HiddenText",props:{className:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:"For overriding default styles."},id:{defaultValue:{value:'"hiddenText"',computed:!1},type:{name:"string"},required:!1,description:"So that it can be used for aria-labelledby values."},text:{type:{name:"string"},required:!0,description:""}}};var d=s;t.default=d},11:function(e,t){e.exports=require("lodash/isFunction")},112:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.TEXT_PLACEMENTS=t.STEP_STATUSES=t.MULTI_STEP_TYPES=void 0;t.MULTI_STEP_TYPES={PRIMARY:"primary",SUCCESS:"success",DANGER:"danger",DARK:"dark"};t.STEP_STATUSES={PENDING:"pending",ACTIVE:"active",FULFILLED:"fulfilled"};t.TEXT_PLACEMENTS={HORIZONTAL:"horizontal",VERTICAL:"vertical"}},113:function(e,t,n){},12:function(e,t){e.exports=require("lodash/isNil")},13:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.keyCodes=void 0;t.keyCodes={ENTER:"Enter",SPACE:" "}},14: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=d(t);if(n&&n.has(e))return n.get(e);var o={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var u=a?Object.getOwnPropertyDescriptor(e,l):null;u&&(u.get||u.set)?Object.defineProperty(o,l,u):o[l]=e[l]}o.default=e,n&&n.set(e,o);return o}(n(0)),a=s(n(1)),l=s(n(2)),u=s(n(15));n(16);var i=s(n(10)),c=["className","src","onClick","clickable","ariaLabel","ariaHidden","replaceToCurrentColor","customColor"];function s(e){return e&&e.__esModule?e:{default:e}}function d(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(d=function(e){return e?n:t})(e)}function f(){return(f=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function p(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function m(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"currentColor";return e.replace(/fill=".*?"/g,'fill="'.concat(t,'"'))}var y=function(e){var t=e.className,n=e.src,r=e.onClick,a=e.clickable,s=e.ariaLabel,d=e.ariaHidden,y=e.replaceToCurrentColor,v=e.customColor,b=p(e,c),S=(0,i.default)({isClickable:a,label:s,isDecorationOnly:d}),O=(0,o.useCallback)((function(e){return y?m(e,"currentColor"):v?m(e,v):e}),[y,v]);return o.default.createElement(u.default,f({},S,{onClick:r,src:n,className:(0,l.default)("monday-style-custom-svg-icon--wrapper",t),preProcessor:O},b))};y.propTypes={className:a.default.string,src:a.default.string,ariaLabel:a.default.string,ariaHidden:a.default.bool,replaceToCurrentColor:a.default.bool,customColor:a.default.string},y.defaultProps={className:"",src:"",ariaLabel:void 0,ariaHidden:void 0,replaceToCurrentColor:!1,customColor:void 0},y.__docgenInfo={description:"",methods:[],displayName:"CustomSvgIcon",props:{className:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:""},src:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:""},ariaLabel:{defaultValue:{value:"undefined",computed:!0},type:{name:"string"},required:!1,description:""},ariaHidden:{defaultValue:{value:"undefined",computed:!0},type:{name:"bool"},required:!1,description:""},replaceToCurrentColor:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},customColor:{defaultValue:{value:"undefined",computed:!0},type:{name:"string"},required:!1,description:""}}};var v=y;t.default=v},15:function(e,t){e.exports=require("react-inlinesvg")},16:function(e,t,n){},17:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getIconScreenReaderAccessProps=function(e){var t=e.isClickable,n=e.isDecorationOnly,r=e.isKeyboardAccessible,a=e.label,l=(0,o.default)(n)?!t:n;return t?c({label:a,isDecorationOnly:l,isKeyboardAccessible:r}):{role:l?void 0:"img","aria-hidden":l,tabIndex:void 0,"aria-label":n?void 0:a}},t.getClickableScreenReaderAccessProps=i,t.getClickableIconScreenReaderAccessProps=c;var r,o=(r=n(12))&&r.__esModule?r:{default:r};function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function l(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?a(Object(n),!0).forEach((function(t){u(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function u(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(e){var t=e.isKeyboardAccessible,n=void 0===t||t,r=e.isDecorationOnly;return{role:"button",tabIndex:n?0:-1,"aria-hidden":void 0!==r&&r}}function c(e){var t=e.label,n=e.isDecorationOnly,r=void 0!==n&&n,o=e.isKeyboardAccessible;return l(l({},i({isDecorationOnly:r,isKeyboardAccessible:void 0===o||o})),{},{"aria-label":t})}},18: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",SRC:"SRC"}},19: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=u(t);if(n&&n.has(e))return n.get(e);var o={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var i=a?Object.getOwnPropertyDescriptor(e,l):null;i&&(i.get||i.set)?Object.defineProperty(o,l,i):o[l]=e[l]}o.default=e,n&&n.set(e,o);return o}(n(0));n(20);var a,l=(a=n(2))&&a.__esModule?a:{default:a};function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(u=function(e){return e?n:t})(e)}var i=(0,o.forwardRef)((function(e,t){var n=e.className,r=e.onClick,a=e["aria-label"],u=e.tabIndex,i=e.icon,c=e.role,s=void 0===c?"img":c,d=e["aria-hidden"],f="function"==typeof i?"":i;return o.default.createElement("span",{"aria-hidden":d,className:(0,l.default)(n,"fa",f),onClick:r,ref:t,"aria-label":a,tabIndex:u,role:s},"function"==typeof i&&i())}));i.__docgenInfo={description:"",methods:[],displayName:"FontIcon",props:{role:{defaultValue:{value:'"img"',computed:!1},required:!1}}};var c=i;t.default=c},2:function(e,t){e.exports=require("classnames")},20:function(e,t,n){},21: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,s=e.ignoreFocusStyle,f=e.isDecorationOnly,p=e.iconLabel,m=e.externalTabIndex,y=(0,r.useRef)(null),v=(0,r.useCallback)((function(e){document.activeElement===y.current&&t(e)}),[y,t]),b=(0,r.useCallback)((function(e){e.preventDefault()}),[]),S=(0,r.useMemo)((function(){return(0,o.default)("icon_component",n,{"icon_component--clickable":i,"icon_component--no-focus-style":s})}),[i,n,s]);(0,l.default)({eventName:"mousedown",callback:b,ref:y}),(0,u.default)({keys:d,ref:y,callback:v,ignoreDocumentFallback:!0,capture:!0,stopPropagation:!0,preventDefault:!0});var O=(0,r.useCallback)((function(e){(t||a.default)(e)}),[t]),C=(0,c.default)({isClickable:i,label:p,isDecorationOnly:f});return C.tabIndex=null!=m?m:C.tabIndex,{screenReaderAccessProps:C,onClickCallback:O,computedClassName:S,onEnterCallback:v,iconRef:y}};var r=n(0),o=s(n(2)),a=s(n(9)),l=s(n(5)),u=s(n(7)),i=n(13),c=s(n(10));function s(e){return e&&e.__esModule?e:{default:e}}var d=[i.keyCodes.ENTER,i.keyCodes.SPACE]},214: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=y(t);if(n&&n.has(e))return n.get(e);var o={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var u=a?Object.getOwnPropertyDescriptor(e,l):null;u&&(u.get||u.set)?Object.defineProperty(o,l,u):o[l]=e[l]}o.default=e,n&&n.set(e,o);return o}(n(0)),a=m(n(1)),l=m(n(2)),u=m(n(3)),i=m(n(8)),c=m(n(54)),s=m(n(63)),d=m(n(215)),f=n(112),p=n(6);function m(e){return e&&e.__esModule?e:{default:e}}function y(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(y=function(e){return e?n:t})(e)}function v(){return(v=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}n(218);var b=(0,o.forwardRef)((function(e,t){var n=e.className,r=e.type,a=e.steps,i=e.stepComponentClassName,c=e.dividerComponentClassName,p=e.fulfilledStepIcon,m=e.fulfilledStepIconType,y=e.isFulfilledStepDisplayNumber,b=e.onClick,S=e.textPlacement,O=(0,o.useRef)(null),C=(0,u.default)({refs:[t,O]}),T="multi-step-indicator--wrapper",_="".concat(T,"__divider"),P=function(e,t){return o.default.createElement(o.default.Fragment,null,o.default.createElement(d.default,v({},e,{stepNumber:t+1,type:r,stepComponentClassName:i,fulfilledStepIcon:p,fulfilledStepIconType:m,onClick:b,isFulfilledStepDisplayNumber:y})),t!==a.length-1&&o.default.createElement(s.default,{classname:(0,l.default)(_,c)}))},E=function(e,t){return o.default.createElement(d.default,v({},e,{stepNumber:t+1,type:r,stepComponentClassName:i,fulfilledStepIcon:p,fulfilledStepIconType:m,onClick:b,isFollowedByDivider:t!==a.length-1,stepDividerClassName:(0,l.default)(_,c),isVertical:!0,isFulfilledStepDisplayNumber:y}))},g=(0,o.useMemo)((function(){return S===f.TEXT_PLACEMENTS.VERTICAL?E:P}),[S,E,P]);return o.default.createElement("ol",{ref:C,className:(0,l.default)(T,n)},a.map(g))}));b.types=f.MULTI_STEP_TYPES,b.stepStatuses=f.STEP_STATUSES,b.textPlacements=f.TEXT_PLACEMENTS,b.propTypes={className:a.default.string,type:a.default.oneOf([b.types.PRIMARY,b.types.SUCCESS,b.types.DANGER,b.types.DARK]),steps:a.default.arrayOf(a.default.shape({titleText:a.default.string,subtitleText:a.default.string,status:a.default.oneOf([b.stepStatuses.PENDING,b.stepStatuses.ACTIVE,b.stepStatuses.FULFILLED])})).isRequired,stepComponentClassName:a.default.string,dividerComponentClassName:a.default.string,fulfilledStepIcon:a.default.oneOfType([a.default.func,a.default.string]),fulfilledStepIconType:a.default.oneOf([i.default.type.SVG,i.default.type.ICON_FONT]),isFulfilledStepDisplayNumber:a.default.bool,onClick:a.default.func,textPlacement:a.default.oneOf([b.textPlacements.HORIZONTAL,b.textPlacements.VERTICAL])},b.defaultProps={className:"",stepComponentClassName:"",dividerComponentClassName:"",type:b.types.PRIMARY,steps:[],fulfilledStepIcon:c.default,fulfilledStepIconType:i.default.type.SVG,isFulfilledStepDisplayNumber:!1,onClick:p.NOOP,textPlacement:b.textPlacements.HORIZONTAL},b.__docgenInfo={description:"",methods:[],displayName:"MultiStepIndicator",props:{className:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:"For overriding the container class styles."},stepComponentClassName:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:"For overriding the styles of the step component - container of number/check and texts."},dividerComponentClassName:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:"For overriding the step-dividers styles."},type:{defaultValue:{value:"MultiStepIndicator.types.PRIMARY",computed:!0},type:{name:"enum",value:[{value:"MultiStepIndicator.types.PRIMARY",computed:!0},{value:"MultiStepIndicator.types.SUCCESS",computed:!0},{value:"MultiStepIndicator.types.DANGER",computed:!0},{value:"MultiStepIndicator.types.DARK",computed:!0}]},required:!1,description:""},steps:{defaultValue:{value:"[]",computed:!1},type:{name:"arrayOf",value:{name:"shape",value:{titleText:{name:"string",required:!1},subtitleText:{name:"string",required:!1},status:{name:"enum",value:[{value:"MultiStepIndicator.stepStatuses.PENDING",computed:!0},{value:"MultiStepIndicator.stepStatuses.ACTIVE",computed:!0},{value:"MultiStepIndicator.stepStatuses.FULFILLED",computed:!0}],required:!1}}}},required:!1,description:"Array of objects of the specified format."},fulfilledStepIcon:{defaultValue:{value:"Check",computed:!0},type:{name:"union",value:[{name:"func"},{name:"string"}]},required:!1,description:"For overriding the 'fulfilled' step's icon. Is passed directly to an Icon component."},fulfilledStepIconType:{defaultValue:{value:"Icon.type.SVG",computed:!0},type:{name:"enum",value:[{value:"Icon.type.SVG",computed:!0},{value:"Icon.type.ICON_FONT",computed:!0}]},required:!1,description:"For overriding the 'fulfilled' step's icon type. Necessary when passing a string in the \"fulfilledStepIcon\" prop."},isFulfilledStepDisplayNumber:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:"For showing the number instead of the fulfilled step icon"},onClick:{defaultValue:{value:"NOOP",computed:!0},type:{name:"func"},required:!1,description:"Callback for clicking each step. The callback is sent one parameter - the step's number."},textPlacement:{defaultValue:{value:"MultiStepIndicator.textPlacements.HORIZONTAL",computed:!0},type:{name:"enum",value:[{value:"MultiStepIndicator.textPlacements.HORIZONTAL",computed:!0},{value:"MultiStepIndicator.textPlacements.VERTICAL",computed:!0}]},required:!1,description:"Determines the step's text placement. Either to the left of the indicator(horizontal) or under it(vertical)."}}};var S=b;t.default=S},215: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=O(t);if(n&&n.has(e))return n.get(e);var o={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var u=a?Object.getOwnPropertyDescriptor(e,l):null;u&&(u.get||u.set)?Object.defineProperty(o,l,u):o[l]=e[l]}o.default=e,n&&n.set(e,o);return o}(n(0)),a=S(n(2)),l=S(n(1)),u=n(31),i=S(n(5)),c=S(n(7)),s=S(n(8)),d=S(n(54)),f=S(n(63)),p=n(13),m=n(6),y=n(112),v=n(216);n(217);var b=S(n(100));function S(e){return e&&e.__esModule?e:{default:e}}function O(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(O=function(e){return e?n:t})(e)}function C(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function T(e){return function(e){if(Array.isArray(e))return E(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||P(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 _(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,a=[],l=!0,u=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);l=!0);}catch(e){u=!0,o=e}finally{try{l||null==n.return||n.return()}finally{if(u)throw o}}return a}(e,t)||P(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 P(e,t){if(e){if("string"==typeof e)return E(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?E(e,t):void 0}}function E(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 g=[p.keyCodes.ENTER,p.keyCodes.SPACE],N=function(e){var t,n=e.stepComponentClassName,r=e.stepNumber,l=e.status,d=e.titleText,p=e.subtitleText,m=e.type,S=e.fulfilledStepIcon,O=e.fulfilledStepIconType,P=e.isFulfilledStepDisplayNumber,E=e.onClick,N=e.isFollowedByDivider,I=e.stepDividerClassName,h=e.isVertical,k=_((0,o.useState)(!1),2),M=k[0],j=k[1],R=(0,o.useRef)(null),A=(0,o.useRef)(l),x=(0,o.useCallback)((function(){j(!0)}),[j]),D=(0,o.useCallback)((function(){j(!1)}),[j]),L=(0,o.useCallback)((function(){return A.current!==l}),[A,l]),w=(0,o.useCallback)((function(){E&&E(r)}),[E,r]);(0,i.default)({eventName:"animationend",callback:D,ref:R}),(0,c.default)({keys:g,callback:w,ref:R}),(0,o.useEffect)((function(){L()&&x()}),[l,L,x]),(0,o.useEffect)((function(){A.current=l}),[l]);var V=(0,o.useMemo)((function(){return"Step ".concat(r,": ").concat(d," - ").concat(p,", status: ").concat(l)}),[l,d,r,p]),q="".concat(v.baseClassName,"--type-").concat(m),F="".concat(v.baseClassName,"--status-").concat(l),U="".concat(v.baseClassName,"--with-animation"),Y=function(e){return["".concat(v.baseClassName).concat(e),"".concat(q).concat(e),"".concat(F).concat(e)]},G=function(){return l!==y.STEP_STATUSES.FULFILLED||P?r:o.default.createElement(s.default,{icon:S,className:"".concat(v.baseClassName,"__number-container__text__check-icon"),iconLabel:y.STEP_STATUSES.FULFILLED,iconType:O,ignoreFocusStyle:!0,clickable:!1,ariaHidden:!0})};return o.default.createElement("li",{className:a.default.apply(void 0,T(Y("")).concat([n,(t={},C(t,U,M),C(t,"clickable",E),C(t,"".concat(v.baseClassName,"--text-placement-vertical"),h),t)])),"aria-label":V,onClick:w},o.default.createElement("div",{className:a.default.apply(void 0,T(Y("__number-divider-container")))},o.default.createElement("div",{className:a.default.apply(void 0,T(Y("__number-container"))),ref:R,tabIndex:"0",role:"button"},o.default.createElement(u.SwitchTransition,{mode:"out-in"},o.default.createElement(u.CSSTransition,{classNames:"".concat(v.baseClassName,"--swap"),addEndListener:function(e,t){e.addEventListener("transitionend",t,!1)},key:l},o.default.createElement("span",{className:a.default.apply(void 0,T(Y("__number-container__text")))},o.default.createElement(G,null))))),N&&h&&o.default.createElement(f.default,{classname:I})),o.default.createElement("div",{className:a.default.apply(void 0,T(Y("__text-container")))},o.default.createElement("div",{className:a.default.apply(void 0,T(Y("__text-container__title")))},o.default.createElement(b.default,{text:l})," ",o.default.createElement("span",{className:a.default.apply(void 0,T(Y("__text-container__title__text")))},d)),o.default.createElement("span",{className:a.default.apply(void 0,T(Y("__text-container__subtitle__text")))},p)))};N.propTypes={status:l.default.oneOf([y.STEP_STATUSES.PENDING,y.STEP_STATUSES.ACTIVE,y.STEP_STATUSES.FULFILLED]).isRequired,titleText:l.default.string.isRequired,subtitleText:l.default.string,stepNumber:l.default.number.isRequired,stepComponentClassName:l.default.string,type:l.default.oneOf([y.MULTI_STEP_TYPES.PRIMARY,y.MULTI_STEP_TYPES.SUCCESS,y.MULTI_STEP_TYPES.DANGER,y.MULTI_STEP_TYPES.DARK]),fulfilledStepIcon:l.default.func,fulfilledStepIconType:l.default.oneOf([s.default.type.SVG,s.default.type.ICON_FONT]),isFulfilledStepDisplayNumber:l.default.bool,onClick:l.default.func,isVertical:l.default.bool},N.defaultProps={stepComponentClassName:"",stepNumber:1,status:y.STEP_STATUSES.PENDING,titleText:"Title text",subtitleText:"Subtitle text",type:y.MULTI_STEP_TYPES.PRIMARY,fulfilledStepIcon:d.default,fulfilledStepIconType:s.default.type.SVG,isFulfilledStepDisplayNumber:!1,onClick:m.NOOP,isVertical:!1},N.__docgenInfo={description:"",methods:[],displayName:"StepIndicator",props:{stepComponentClassName:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:""},stepNumber:{defaultValue:{value:"1",computed:!1},type:{name:"number"},required:!1,description:""},status:{defaultValue:{value:"STEP_STATUSES.PENDING",computed:!0},type:{name:"enum",value:[{value:"STEP_STATUSES.PENDING",computed:!0},{value:"STEP_STATUSES.ACTIVE",computed:!0},{value:"STEP_STATUSES.FULFILLED",computed:!0}]},required:!1,description:""},titleText:{defaultValue:{value:'"Title text"',computed:!1},type:{name:"string"},required:!1,description:""},subtitleText:{defaultValue:{value:'"Subtitle text"',computed:!1},type:{name:"string"},required:!1,description:""},type:{defaultValue:{value:"MULTI_STEP_TYPES.PRIMARY",computed:!0},type:{name:"enum",value:[{value:"MULTI_STEP_TYPES.PRIMARY",computed:!0},{value:"MULTI_STEP_TYPES.SUCCESS",computed:!0},{value:"MULTI_STEP_TYPES.DANGER",computed:!0},{value:"MULTI_STEP_TYPES.DARK",computed:!0}]},required:!1,description:""},fulfilledStepIcon:{defaultValue:{value:"Check",computed:!0},type:{name:"func"},required:!1,description:""},fulfilledStepIconType:{defaultValue:{value:"Icon.type.SVG",computed:!0},type:{name:"enum",value:[{value:"Icon.type.SVG",computed:!0},{value:"Icon.type.ICON_FONT",computed:!0}]},required:!1,description:""},isFulfilledStepDisplayNumber:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},onClick:{defaultValue:{value:"NOOP",computed:!0},type:{name:"func"},required:!1,description:""},isVertical:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""}}};var I=N;t.default=I},216:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.baseClassName=void 0;t.baseClassName="monday-style-step-indicator-component"},217:function(e,t,n){},218:function(e,t,n){},22:function(e,t,n){},24:function(e,t){e.exports=require("lodash/isArray")},3: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,r.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 r=n(0)},31:function(e,t){e.exports=require("react-transition-group")},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,a=e.capture,l=void 0!==a&&a;(0,r.useEffect)((function(){var e=o&&o.current;if(e){var r={capture:l};return e.addEventListener(t,n,r),function(){e.removeEventListener(t,n,r)}}}),[t,o,n,l])};var r=n(0)},54:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(n(1)),o=l(n(0)),a=["size"];function l(e){return e&&e.__esModule?e:{default:e}}function u(){return(u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function i(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var c=function(e){var t=e.size,n=i(e,a);return o.default.createElement("svg",u({viewBox:"0 0 20 20",fill:"currentColor",width:t||"20",height:t||"20"},n),o.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"}))};c.displayName="Check",c.propTypes={size:r.default.string},c.__docgenInfo={description:"",methods:[],displayName:"Check",props:{size:{type:{name:"string"},required:!1,description:""}}};var s=c;t.default=s},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 a=e[r];try{var l=void 0;if((0,o.default)(a)?l=a(n):a&&(a.current=n),!1===l&&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=a(n(24)),o=a(n(11));function a(e){return e&&e.__esModule?e:{default:e}}},63:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=u(n(0)),o=u(n(1)),a=u(n(2)),l=n(83);function u(e){return e&&e.__esModule?e:{default:e}}n(84);var i=function(e){var t=e.classname,n=e.direction;return r.default.createElement("div",{className:(0,a.default)("monday-style-divider",t,"monday-style-divider--".concat(n))})};i.directions=l.DIRECTIONS,i.defaultProps={classname:"",direction:l.DIRECTIONS.HORIZONTAL},i.propTypes={classname:o.default.string,direction:o.default.oneOf([i.directions.HORIZONTAL,i.directions.VERTICAL])},i.__docgenInfo={description:"",methods:[],displayName:"Divider",props:{classname:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:""},direction:{defaultValue:{value:"DIRECTIONS.HORIZONTAL",computed:!0},type:{name:"enum",value:[{value:"Divider.directions.HORIZONTAL",computed:!0},{value:"Divider.directions.VERTICAL",computed:!0}]},required:!1,description:""}}};var c=i;t.default=c},7:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t,n=e.keys,r=void 0===n?[]:n,l=e.ref,u=e.callback,i=e.ignoreDocumentFallback,c=void 0!==i&&i,s=e.capture,d=void 0!==s&&s,f=e.preventDefault,p=void 0!==f&&f,m=e.stopPropagation,y=void 0!==m&&m,v=e.keyEventName,b=void 0===v?"keydown":v,S=(0,o.useRef)(document),O=(0,o.useCallback)((function(e){var t=e.key;r.includes(t)&&(p&&e.preventDefault(),y&&e.stopPropagation(),u(e))}),[u,r,p,y]);t=l||(c?null:S);(0,a.default)({eventName:b,callback:O,ref:t,capture:d})};var r,o=n(0),a=(r=n(5))&&r.__esModule?r:{default:r}},8:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==m(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var r={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var l=o?Object.getOwnPropertyDescriptor(e,a):null;l&&(l.get||l.set)?Object.defineProperty(r,a,l):r[a]=e[a]}r.default=e,n&&n.set(e,r);return r}(n(0)),o=d(n(1)),a=d(n(2)),l=n(18),u=d(n(14)),i=d(n(19)),c=d(n(21)),s=d(n(3));function d(e){return e&&e.__esModule?e:{default:e}}function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}function p(){return(p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function m(e){return(m="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)}n(22);var y=(0,r.forwardRef)((function(e,t){var n=e.onClick,o=e.className,d=e.icon,f=e.clickable,y=e.iconLabel,v=e.iconType,b=e.iconSize,S=e.ignoreFocusStyle,O=e.tabindex,C=e.ariaHidden,T=e.style,_=e.useCurrentColor,P=e.customColor,E=(0,c.default)({onClick:n,iconLabel:y,clickable:f,className:o,isDecorationOnly:C,ignoreFocusStyle:S,externalTabIndex:O}),g=E.screenReaderAccessProps,N=E.onClickCallback,I=E.computedClassName,h=E.iconRef,k=(0,s.default)({refs:[t,h]});if(!d)return null;var M="function"==typeof d;if(v===l.ICON_TYPES.SVG||M||"object"===m(d)){var j=d;return r.default.createElement(j,p({},g,{ref:M?void 0:k,size:b.toString(),onClick:n,className:I,style:T}))}return v===l.ICON_TYPES.SRC?r.default.createElement(u.default,p({src:d},g,{className:(0,a.default)(I),onClick:N,style:T,replaceToCurrentColor:_,customColor:P})):r.default.createElement(i.default,p({},g,{className:(0,a.default)(I),onClick:N,ref:k,icon:d,style:T}))}));y.type=l.ICON_TYPES,y.propTypes={onClick:o.default.func,className:o.default.string,iconType:o.default.oneOf([y.type.SVG,y.type.ICON_FONT,l.ICON_TYPES.SRC]),icon:o.default.oneOfType([o.default.string,o.default.func]),clickable:o.default.bool,iconLabel:o.default.string,iconSize:o.default.oneOfType([o.default.number,o.default.string]),ignoreFocusStyle:o.default.bool,ariaHidden:o.default.bool,useCurrentColor:o.default.bool,customColor:o.default.string},y.defaultProps={onClick:function(){},className:"",icon:"",clickable:!0,iconLabel:void 0,iconType:l.ICON_TYPES.SVG,iconSize:16,ignoreFocusStyle:!1,ariaHidden:void 0,useCurrentColor:!1,customColor:void 0},y.__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:"class name to be added to icon"},icon:{defaultValue:{value:'""',computed:!1},type:{name:"union",value:[{name:"string"},{name:"func"}]},required:!1,description:"we support three types of icons - SVG, FONT and SRC (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:"undefined",computed:!0},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},{value:"ICON_TYPES.SRC",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"},ariaHidden:{defaultValue:{value:"undefined",computed:!0},type:{name:"bool"},required:!1,description:""},useCurrentColor:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:'when using svg from src (Icon.type.SRC) this boolean will transform the "fill" property to "currentColor"'},customColor:{defaultValue:{value:"undefined",computed:!0},type:{name:"string"},required:!1,description:"If you want to override to coloring of currentColor"}}};var v=y;t.default=v},83:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.DIRECTIONS=void 0;t.DIRECTIONS={VERTICAL:"vertical",HORIZONTAL:"horizontal"}},84:function(e,t,n){},9:function(e,t){e.exports=require("lodash/noop")}})}));