monday-ui-react-core
Version:
Official monday.com UI resources for application development in React.js
1 lines • 14.4 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()}(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=158)}({0:function(e,t){e.exports=require("react")},1:function(e,t){e.exports=require("prop-types")},10:function(e,t){e.exports=require("lodash/noop")},11:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.keyCodes=void 0;t.keyCodes={ENTER:"Enter",SPACE:" "}},13:function(e,t,n){},14: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"}},15: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=l();if(t&&t.has(e))return t.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if(Object.prototype.hasOwnProperty.call(e,a)){var u=o?Object.getOwnPropertyDescriptor(e,a):null;u&&(u.get||u.set)?Object.defineProperty(n,a,u):n[a]=e[a]}n.default=e,t&&t.set(e,n);return n}(n(0));n(16);var a,u=(a=n(2))&&a.__esModule?a:{default:a};function l(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return l=function(){return e},e}var i=(0,o.forwardRef)((function(e,t){var n=e.className,r=e.onClick,a=e.iconLabel,l=e.tabIndex,i=e.icon,c=e.role,f="function"==typeof i?"":i;return o.default.createElement("span",{className:(0,u.default)(n,"fa",f),onClick:r,ref:t,"aria-label":a,tabIndex:l,role:c},"function"==typeof i&&i())}));i.__docgenInfo={description:"",methods:[],displayName:"FontIcon"};var c=i;t.default=c},158: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 a in e)if(Object.prototype.hasOwnProperty.call(e,a)){var u=o?Object.getOwnPropertyDescriptor(e,a):null;u&&(u.get||u.set)?Object.defineProperty(n,a,u):n[a]=e[a]}n.default=e,t&&t.set(e,n);return n}(n(0)),a=f(n(1)),u=f(n(2)),l=f(n(4));n(159);var i=f(n(7)),c=f(n(41));function f(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 s(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,a=void 0;try{for(var u,l=e[Symbol.iterator]();!(r=(u=l.next()).done)&&(n.push(u.value),!t||n.length!==t);r=!0);}catch(e){o=!0,a=e}finally{try{r||null==l.return||l.return()}finally{if(o)throw a}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return p(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 p(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 p(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 y=(0,o.forwardRef)((function(e,t){var n=e.children,r=e.headerComponentRenderer,a=e.className,f=e.defaultOpenState,d=e.iconSize,p=(0,o.useRef)(null),y=(0,l.default)({refs:[t,p]}),m=s((0,o.useState)(f),2),v=m[0],b=m[1];return o.default.createElement("div",{ref:y,className:(0,u.default)("expand-collapse--wrapper",a)},o.default.createElement("div",{className:"expand-collapse"},o.default.createElement("div",{className:"expand-collapse__header expand-collapse__section ".concat(v&&"expand-collapse__header--open"),onClickCapture:function(){b(!v)}},r&&r(),o.default.createElement(i.default,{className:v?"animate-icon-open":"animate-icon-close",iconType:i.default.type.SVG,icon:c.default,iconSize:d,tabindex:"-1",clickable:!1})),v&&o.default.createElement("div",{className:"expand-collapse__content expand-collapse__section ".concat(v&&"animate-expand-collapse__content")},n)))}));y.propTypes={headerComponentRenderer:a.default.func,children:a.default.oneOfType([a.default.arrayOf(a.default.node),a.default.node]),className:a.default.string,iconSize:a.default.string|a.default.number,defaultOpenState:a.default.bool},y.defaultProps={className:"",defaultOpenState:!1,iconSize:24},y.__docgenInfo={description:"",methods:[],displayName:"ExpandCollapse",props:{className:{defaultValue:{value:'""',computed:!1},type:{name:"string"},required:!1,description:"Custom styling"},defaultOpenState:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:"Should be open or closed by default (when rendered)"},iconSize:{defaultValue:{value:"24",computed:!1},type:{name:"custom",raw:"PropTypes.string | PropTypes.number"},required:!1,description:"The expand icon font size"},headerComponentRenderer:{type:{name:"func"},required:!1,description:"Component as parameter to be rendered as header"},children:{type:{name:"union",value:[{name:"arrayOf",value:{name:"node"}},{name:"node"}]},required:!1,description:"The value of the expandable section"}}};var m=y;t.default=m},159:function(e,t,n){},16:function(e,t,n){},17: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,c=e.ignoreFocusStyle,d=(0,r.useRef)(null),s=(0,r.useCallback)((function(e){document.activeElement===d.current&&t(e)}),[d,t]),p=(0,r.useCallback)((function(e){e.preventDefault()}),[]),y=(0,r.useMemo)((function(){return(0,o.default)("icon_component",n,{"icon_component--clickable":i,"icon_component--no-focus-style":c})}),[i,n,c]);(0,u.default)({eventName:"mousedown",callback:p,ref:d}),(0,l.default)({keys:f,ref:d,callback:s,ignoreDocumentFallback:!0,capture:!0,stopPropagation:!0,preventDefault:!0});var m=(0,r.useCallback)((function(e){(t||a.default)(e)}),[t]);return{tabindex:i?0:-1,onClickCallback:m,computedClassName:y,onEnterCallback:s,iconRef:d,role:i?"button":""}};var r=n(0),o=c(n(2)),a=c(n(10)),u=c(n(3)),l=c(n(6)),i=n(11);function c(e){return e&&e.__esModule?e:{default:e}}var f=[i.keyCodes.ENTER,i.keyCodes.SPACE]},2:function(e,t){e.exports=require("classnames")},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,a=e.capture,u=void 0!==a&&a;(0,r.useEffect)((function(){var e=o&&o.current;if(e){var r={capture:u};return e.addEventListener(t,n,r),function(){e.removeEventListener(t,n,r)}}}),[t,o,n,u])};var r=n(0)},4: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)},41:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(1)),o=a(n(0));function a(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 l(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 i=function(e){var t=e.size,n=l(e,["size"]);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:"M10.5303 12.5303L10 12L9.46967 12.5303C9.76256 12.8232 10.2374 12.8232 10.5303 12.5303ZM10 10.9393L6.53033 7.46967C6.23744 7.17678 5.76256 7.17678 5.46967 7.46967C5.17678 7.76256 5.17678 8.23744 5.46967 8.53033L9.46967 12.5303L10 12L10.5303 12.5303L14.5303 8.53033C14.8232 8.23744 14.8232 7.76256 14.5303 7.46967C14.2374 7.17678 13.7626 7.17678 13.4697 7.46967L10 10.9393Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}))};i.displayName="DropdownChevronDown",i.propTypes={size:r.default.string},i.__docgenInfo={description:"",methods:[],displayName:"DropdownChevronDown",props:{size:{type:{name:"string"},required:!1,description:""}}};var c=i;t.default=c},6: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,u=e.ref,l=e.callback,i=e.ignoreDocumentFallback,c=void 0!==i&&i,f=e.capture,d=void 0!==f&&f,s=e.preventDefault,p=void 0!==s&&s,y=e.stopPropagation,m=void 0!==y&&y,v=e.keyEventName,b=void 0===v?"keydown":v,O=(0,o.useRef)(document),_=(0,o.useCallback)((function(e){var t=e.key;r.includes(t)&&(p&&e.preventDefault(),m&&e.stopPropagation(),l(e))}),[l,r,p,m]);t=u||(c?null:O);(0,a.default)({eventName:b,callback:_,ref:t,capture:d})};var r,o=n(0),a=(r=n(3))&&r.__esModule?r:{default:r}},7: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=s();if(t&&t.has(e))return t.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if(Object.prototype.hasOwnProperty.call(e,a)){var u=o?Object.getOwnPropertyDescriptor(e,a):null;u&&(u.get||u.set)?Object.defineProperty(n,a,u):n[a]=e[a]}n.default=e,t&&t.set(e,n);return n}(n(0)),a=d(n(1)),u=d(n(2));n(13);var l=n(14),i=d(n(15)),c=d(n(17)),f=d(n(4));function d(e){return e&&e.__esModule?e:{default:e}}function s(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return s=function(){return e},e}var p=(0,o.forwardRef)((function(e,t){var n=e.onClick,r=e.className,a=e.icon,d=e.clickable,s=e.iconLabel,p=e.iconType,y=e.iconSize,m=e.ignoreFocusStyle,v=e.tabindex,b=(0,c.default)({onClick:n,clickable:d,className:r,ignoreFocusStyle:m}),O=b.tabindex,_=b.onClickCallback,g=b.computedClassName,S=b.iconRef,h=b.role,C=(0,f.default)({refs:[t,S]});if(!a)return null;if(p===l.ICON_TYPES.SVG){var k=a;return o.default.createElement(k,{size:y.toString(),onClick:n,tabIndex:null!=v?v:O,className:g,role:h})}return o.default.createElement(i.default,{className:(0,u.default)(g),onClick:_,ref:C,iconLabel:s,tabIndex:null!=v?v:O,icon:a,role:h})}));p.type=l.ICON_TYPES,p.propTypes={onClick:a.default.func,className:a.default.string,iconType:a.default.oneOf([p.type.SVG,p.type.ICON_FONT]),icon:a.default.oneOfType([a.default.string,a.default.func]),clickable:a.default.bool,iconLabel:a.default.string,iconSize:a.default.oneOfType([a.default.number,a.default.string]),ignoreFocusStyle:a.default.bool},p.defaultProps={onClick:function(){},className:"",icon:"",clickable:!0,iconLabel:"",iconType:l.ICON_TYPES.SVG,iconSize:16,ignoreFocusStyle:!1},p.__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:""},icon:{defaultValue:{value:'""',computed:!1},type:{name:"union",value:[{name:"string"},{name:"func"}]},required:!1,description:"we support two types of icons - SVG and FONT (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:'""',computed:!1},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}]},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"}}};var y=p;t.default=y}})}));