UNPKG

monday-ui-react-core

Version:

Official monday.com UI resources for application development in React.js

2 lines • 7.81 kB
/*! For license information please see ThemeProvider.js.LICENSE.txt */ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports["monday-style"]=t(require("react")):e["monday-style"]=t(e.react)}(this,(e=>(()=>{var t={85498:(e,t,r)=>{"use strict";r.r(t)},11272:function(e,t,r){"use strict";var o=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,n)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),s=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&o(t,e,r);return n(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const a=i(r(53373)),l=s(r(39155)),d=r(72143),c=r(87291),u=i(r(58267)),m=r(34800),f=r(35021);t.default=(0,m.withStaticProps)((({themeConfig:e,theme:t,children:r,themeClassSpecifier:o,systemTheme:n,className:s})=>{const i=(0,f.backwardCompatibilityForProperties)([e,t]),[d,m]=(0,l.useState)(!1),p=(0,l.useMemo)((()=>o||(0,c.generateRandomAlphaString)()),[o]);return(0,l.useEffect)((()=>{t&&console.warn("vibe ThemeProvider: theme prop is deprecated and will be removed soon, please use themeConfig prop instead - ",t)}),[t]),(0,u.default)((()=>{if(n&&!(0,c.isAnySystemThemeClassNameOnBody)())return(0,c.addSystemThemeClassNameToBody)(n),()=>{(0,c.removeSystemThemeClassNameFromBody)(n)}}),[n]),(0,l.useEffect)((()=>{if(!(0,c.shouldGenerateTheme)(i))return;if(document.getElementById(i.name))return void m(!0);const e=document.createElement("style");e.type="text/css",e.id=i.name;const t=(0,c.generateThemeCssOverride)(i,p);try{e.appendChild(document.createTextNode(t)),document.head.appendChild(e),m(!0)}catch(e){console.error("vibe ThemeProvider: error inserting theme-generated css - ",e)}return()=>{document.head.removeChild(e)}}),[p,i]),!d&&(0,c.shouldGenerateTheme)(i)?null:l.default.createElement("div",{className:(0,a.default)(null==i?void 0:i.name,p,s)},r)}),{systemThemes:d.SystemTheme,colors:d.ThemeColor})},72143:(e,t)=>{"use strict";var r;Object.defineProperty(t,"__esModule",{value:!0}),t.SystemThemeClassMap=t.ThemeColor=t.SystemTheme=void 0,function(e){e.LIGHT="light",e.DARK="dark",e.BLACK="black"}(r=t.SystemTheme||(t.SystemTheme={})),function(e){e.primaryColor="primary-color",e.primaryHoverColor="primary-hover-color",e.primarySelectedColor="primary-selected-color",e.primarySelectedHoverColor="primary-selected-hover-color",e.primarySelectedOnSecondaryColor="primary-selected-on-secondary-color",e.textColorOnPrimary="text-color-on-primary",e.brandColor="brand-color",e.brandHoverColor="brand-hover-color",e.brandSelectedColor="brand-selected-color",e.brandSelectedHoverColor="brand-selected-hover-color",e.textColorOnBrand="text-color-on-brand"}(t.ThemeColor||(t.ThemeColor={})),t.SystemThemeClassMap={[r.LIGHT]:"light-app-theme",[r.DARK]:"dark-app-theme",[r.BLACK]:"black-app-theme"}},87291:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.removeSystemThemeClassNameFromBody=t.addSystemThemeClassNameToBody=t.isAnySystemThemeClassNameOnBody=t.getBodySystemThemeClassName=t.addAppThemeSuffix=t.generateRandomAlphaString=t.generateThemeCssOverride=t.shouldGenerateTheme=void 0;const o=r(72143),n=(e,t,r)=>{for(const r of Object.keys(e))"string"==typeof e[r]&&(t+=`--${r}: ${e[r]};`);""!==t&&(t=r+" {"+t+"}");for(const o of Object.keys(e))if("object"==typeof e[o]){const s=`${r} .${o}`;t+="\n"+n(e[o],"",s)}return t};t.shouldGenerateTheme=e=>!!(null==e?void 0:e.colors)&&!!(null==e?void 0:e.name);t.generateThemeCssOverride=(e,r)=>{if(!(0,t.shouldGenerateTheme)(e))return null;let s="";for(const t of Object.keys(e.colors))s+=n(e.colors[t],"",`.${o.SystemThemeClassMap[t]} .${r}.${e.name}`)+"\n";return s};t.generateRandomAlphaString=(e=6)=>{let t="";const r="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";for(let o=0;o<e;o++)t+=r.charAt(Math.floor(52*Math.random()));return t};const s="-app-theme",i=e=>e.endsWith(s);t.addAppThemeSuffix=e=>`${e}${s}`;t.getBodySystemThemeClassName=()=>{const e=document.body.classList;for(const t of Array.from(e))if(i(t))return t;return null};t.isAnySystemThemeClassNameOnBody=()=>!!(0,t.getBodySystemThemeClassName)();t.addSystemThemeClassNameToBody=e=>{document.body.classList.add((0,t.addAppThemeSuffix)(e))};t.removeSystemThemeClassNameFromBody=e=>{document.body.classList.remove((0,t.addAppThemeSuffix)(e))}},35021:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.backwardCompatibilityForProperties=void 0,t.backwardCompatibilityForProperties=function(e=[],t){const r=e.find((e=>void 0!==e));return void 0===r?t:r}},58267:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0});const o=r(39155),n=(0,r(69228).isClient)()?o.useLayoutEffect:o.useEffect;t.default=n},99348:(e,t,r)=>{"use strict";r(85498)},85569:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0})},731:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0})},7093:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0})},3487:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0})},13352:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0})},831:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0})},34800:function(e,t,r){"use strict";var o=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,n)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),n=this&&this.__exportStar||function(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||o(t,e,r)};Object.defineProperty(t,"__esModule",{value:!0}),n(r(831),t),n(r(81296),t),n(r(3487),t),n(r(62884),t),n(r(85569),t),n(r(7093),t),n(r(731),t),n(r(13352),t)},81296:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0})},62884:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.withStaticProps=void 0;t.withStaticProps=(e,t)=>Object.assign(e,t)},69228:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isServer=t.isClient=void 0;t.isClient=()=>"undefined"!=typeof window;t.isServer=()=>!(0,t.isClient)()},39155:t=>{"use strict";t.exports=e},53373:(e,t)=>{var r;!function(){"use strict";var o={}.hasOwnProperty;function n(){for(var e="",t=0;t<arguments.length;t++){var r=arguments[t];r&&(e=i(e,s(r)))}return e}function s(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return n.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var r in e)o.call(e,r)&&e[r]&&(t=i(t,r));return t}function i(e,t){return t?e?e+" "+t:e+t:e}e.exports?(n.default=n,e.exports=n):void 0===(r=function(){return n}.apply(t,[]))||(e.exports=r)}()}},r={};function o(e){var n=r[e];if(void 0!==n)return n.exports;var s=r[e]={exports:{}};return t[e].call(s.exports,s,s.exports,o),s.exports}return o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o(99348),o(11272)})()));