ncore-ui-kit 1.0.0-pre-alpha.67 → 1.0.0-pre-alpha.68

package/lib/module/components/menu/index.js

@@ -17,6 +17,7 @@ const Menu = ({
   renderHeader: RenderHeader,
   renderFooter: RenderFooter,
   portalName = "menu-system",
+  customBackgroundColorKey,
   isWorkWithPortal = true,
   isWorkWithModal = true,
   customBackgroundColor,
@@ -49,6 +50,7 @@ const Menu = ({
     seperator: seperatorDynamicStyle,
     container: containerDynamicStyle
   } = useStyles({
+    customBackgroundColorKey,
     customBackgroundColor,
     glassEffect,
     colors,

package/lib/module/components/menu/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useImperativeHandle","useLayoutEffect","forwardRef","useEffect","useState","Fragment","useRef","Platform","Animated","Easing","View","stylesheet","useStyles","MenuButton","NCoreUIKitTheme","NCoreUIKitMenu","SafeAreaView","Portal","Seperator","SiteLogo","Modal","jsx","_jsx","jsxs","_jsxs","Menu","isWorkWithSafeAreaView","isWorkWithAnimation","renderHeader","RenderHeader","renderFooter","RenderFooter","portalName","isWorkWithPortal","isWorkWithModal","customBackgroundColor","renderHeaderSeperator","close","closeAction","glassEffect","customLocalize","seperatorProps","renderSiteLogo","siteLogoProps","customTheme","navigation","modalProps","isCollapse","onClosed","onOpened","buttons","onClose","onOpen","style","id","props","ref","colors","spaces","useContext","headerContainer","headerContainerDynamicStyle","seperator","seperatorDynamicStyle","container","containerDynamicStyle","isOpacityVisible","setIsOpacityVisible","measures","setMeasures","isActive","setIsActive","animatedX","Value","current","open","setValue","undefined","closeAnimation","openAnimation","timing","useNativeDriver","OS","easing","linear","duration","toValue","start","finished","callback","updateMenuButtonCollabs","depthMap","status","state","get","recursivelyCatch","item","index","tIndex","map","c_item","c_index","length","subButtons","newButtons","update","menuData","children","renderButtons","buttonItem","buttonIndex","renderSafeAreaContext","safeAreaView","content","renderContent","opacity","transform","translateX","onLayout","event","width","nativeEvent","layout","isOverlayVisible","onOverlayPress","name"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/menu/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useImperativeHandle","useLayoutEffect","forwardRef","useEffect","useState","Fragment","useRef","Platform","Animated","Easing","View","stylesheet","useStyles","MenuButton","NCoreUIKitTheme","NCoreUIKitMenu","SafeAreaView","Portal","Seperator","SiteLogo","Modal","jsx","_jsx","jsxs","_jsxs","Menu","isWorkWithSafeAreaView","isWorkWithAnimation","renderHeader","RenderHeader","renderFooter","RenderFooter","portalName","customBackgroundColorKey","isWorkWithPortal","isWorkWithModal","customBackgroundColor","renderHeaderSeperator","close","closeAction","glassEffect","customLocalize","seperatorProps","renderSiteLogo","siteLogoProps","customTheme","navigation","modalProps","isCollapse","onClosed","onOpened","buttons","onClose","onOpen","style","id","props","ref","colors","spaces","useContext","headerContainer","headerContainerDynamicStyle","seperator","seperatorDynamicStyle","container","containerDynamicStyle","isOpacityVisible","setIsOpacityVisible","measures","setMeasures","isActive","setIsActive","animatedX","Value","current","open","setValue","undefined","closeAnimation","openAnimation","timing","useNativeDriver","OS","easing","linear","duration","toValue","start","finished","callback","updateMenuButtonCollabs","depthMap","status","state","get","recursivelyCatch","item","index","tIndex","map","c_item","c_index","length","subButtons","newButtons","update","menuData","children","renderButtons","buttonItem","buttonIndex","renderSafeAreaContext","safeAreaView","content","renderContent","opacity","transform","translateX","onLayout","event","width","nativeEvent","layout","isOverlayVisible","onOverlayPress","name"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/menu/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/menu/stylesheet.js

@@ -40,6 +40,7 @@ const stylesheet = StyleSheet.create({
   seperator: {}
 });
 export const useStyles = ({
+  customBackgroundColorKey,
   customBackgroundColor,
   glassEffect,
   colors,
@@ -47,7 +48,7 @@ export const useStyles = ({
 }) => {
   const styles = {
     container: {
-      backgroundColor: customBackgroundColor ? customBackgroundColor : colors.content.container.default,
+      backgroundColor: colors.content.container.default,
       ...webStyle({
         WebkitBackdropFilter: `blur(${glassEffect}px)`,
         backdropFilter: `blur(${glassEffect}px)`
@@ -61,6 +62,12 @@ export const useStyles = ({
       marginVertical: spaces.spacingMd
     }
   };
+  if (customBackgroundColor) {
+    styles.container.backgroundColor = customBackgroundColor;
+  }
+  if (customBackgroundColorKey) {
+    styles.container.backgroundColor = colors.project[customBackgroundColorKey];
+  }
   return styles;
 };
 export default stylesheet;

package/lib/module/components/menu/stylesheet.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","Platform","webStyle","stylesheet","create","container","flexDirection","select","web","minWidth","maxWidth","width","default","position","display","height","zIndex","bottom","left","top","content","justifyContent","alignItems","flex","safeAreaView","headerContainer","seperator","useStyles","customBackgroundColor","glassEffect","colors","spaces","styles","backgroundColor","WebkitBackdropFilter","backdropFilter","paddingHorizontal","spacingMd","paddingTop","marginVertical"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/menu/stylesheet.ts"],"mappings":";;AAAA,SAEIA,UAAU,EACVC,QAAQ,QACL,cAAc;AAOrB,SACIC,QAAQ,QACL,sBAAa;AAEpB,MAAMC,UAAU,GAAGH,UAAU,CAACI,MAAM,CAAC;EACjCC,SAAS,EAAE;IACPC,aAAa,EAAE,QAAQ;IACvB,GAAGL,QAAQ,CAACM,MAAM,CAAC;MACfC,GAAG,EAAE;QACDC,QAAQ,EAAE,GAAG;QACbC,QAAQ,EAAE,GAAG;QACbC,KAAK,EAAE;MACX,CAAC;MACDC,OAAO,EAAE;QACLD,KAAK,EAAE;MACX;IACJ,CAAC,CAAC;IACFE,QAAQ,EAAE,UAAU;IACpBC,OAAO,EAAE,MAAM;IACfC,MAAM,EAAE,MAAM;IACdC,MAAM,EAAE,KAAK;IACbC,MAAM,EAAE,CAAC;IACTC,IAAI,EAAE,CAAC;IACPC,GAAG,EAAE;EACT,CAAC;EACDC,OAAO,EAAE;IACLC,cAAc,EAAE,YAAY;IAC5Bf,aAAa,EAAE,QAAQ;IACvBgB,UAAU,EAAE,SAAS;IACrBC,IAAI,EAAE;EACV,CAAC;EACDC,YAAY,EAAE;IACVD,IAAI,EAAE;EACV,CAAC;EACDE,eAAe,EAAE;IACbJ,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,YAAY;IACxBX,KAAK,EAAE;EACX,CAAC;EACDe,SAAS,EAAE,CACX;AACJ,CAAC,CAAC;AAEF,OAAO,MAAMC,SAAS,GAAGA,CAAC;EACtBC,qBAAqB;EACrBC,WAAW;EACXC,MAAM;EACNC;AACc,CAAC,KAAK;EACpB,MAAMC,MAAM,GAAG;IACX3B,SAAS,EAAE;MACP4B,eAAe,EAAEL,qBAAqB,GAAGA,qBAAqB,GAAGE,MAAM,CAACV,OAAO,CAACf,SAAS,CAACO,OAAO;MACjG,GAAGV,QAAQ,CAAC;QACRgC,oBAAoB,EAAE,QAAQL,WAAW,KAAK;QAC9CM,cAAc,EAAE,QAAQN,WAAW;MACvC,CAAC;IACL,CAAuB;IACvBJ,eAAe,EAAE;MACbW,iBAAiB,EAAEL,MAAM,CAACM,SAAS;MACnCC,UAAU,EAAEP,MAAM,CAACM;IACvB,CAAuB;IACvBX,SAAS,EAAE;MACPa,cAAc,EAAER,MAAM,CAACM;IAC3B;EACJ,CAAC;EAED,OAAOL,MAAM;AACjB,CAAC;AAED,eAAe7B,UAAU","ignoreList":[]}
+{"version":3,"names":["StyleSheet","Platform","webStyle","stylesheet","create","container","flexDirection","select","web","minWidth","maxWidth","width","default","position","display","height","zIndex","bottom","left","top","content","justifyContent","alignItems","flex","safeAreaView","headerContainer","seperator","useStyles","customBackgroundColorKey","customBackgroundColor","glassEffect","colors","spaces","styles","backgroundColor","WebkitBackdropFilter","backdropFilter","paddingHorizontal","spacingMd","paddingTop","marginVertical","project"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/menu/stylesheet.ts"],"mappings":";;AAAA,SAEIA,UAAU,EACVC,QAAQ,QACL,cAAc;AAOrB,SACIC,QAAQ,QACL,sBAAa;AAEpB,MAAMC,UAAU,GAAGH,UAAU,CAACI,MAAM,CAAC;EACjCC,SAAS,EAAE;IACPC,aAAa,EAAE,QAAQ;IACvB,GAAGL,QAAQ,CAACM,MAAM,CAAC;MACfC,GAAG,EAAE;QACDC,QAAQ,EAAE,GAAG;QACbC,QAAQ,EAAE,GAAG;QACbC,KAAK,EAAE;MACX,CAAC;MACDC,OAAO,EAAE;QACLD,KAAK,EAAE;MACX;IACJ,CAAC,CAAC;IACFE,QAAQ,EAAE,UAAU;IACpBC,OAAO,EAAE,MAAM;IACfC,MAAM,EAAE,MAAM;IACdC,MAAM,EAAE,KAAK;IACbC,MAAM,EAAE,CAAC;IACTC,IAAI,EAAE,CAAC;IACPC,GAAG,EAAE;EACT,CAAC;EACDC,OAAO,EAAE;IACLC,cAAc,EAAE,YAAY;IAC5Bf,aAAa,EAAE,QAAQ;IACvBgB,UAAU,EAAE,SAAS;IACrBC,IAAI,EAAE;EACV,CAAC;EACDC,YAAY,EAAE;IACVD,IAAI,EAAE;EACV,CAAC;EACDE,eAAe,EAAE;IACbJ,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,YAAY;IACxBX,KAAK,EAAE;EACX,CAAC;EACDe,SAAS,EAAE,CACX;AACJ,CAAC,CAAC;AAEF,OAAO,MAAMC,SAAS,GAAGA,CAAC;EACtBC,wBAAwB;EACxBC,qBAAqB;EACrBC,WAAW;EACXC,MAAM;EACNC;AACc,CAAC,KAAK;EACpB,MAAMC,MAAM,GAAG;IACX5B,SAAS,EAAE;MACP6B,eAAe,EAAEH,MAAM,CAACX,OAAO,CAACf,SAAS,CAACO,OAAO;MACjD,GAAGV,QAAQ,CAAC;QACRiC,oBAAoB,EAAE,QAAQL,WAAW,KAAK;QAC9CM,cAAc,EAAE,QAAQN,WAAW;MACvC,CAAC;IACL,CAAuB;IACvBL,eAAe,EAAE;MACbY,iBAAiB,EAAEL,MAAM,CAACM,SAAS;MACnCC,UAAU,EAAEP,MAAM,CAACM;IACvB,CAAuB;IACvBZ,SAAS,EAAE;MACPc,cAAc,EAAER,MAAM,CAACM;IAC3B;EACJ,CAAC;EAED,IAAGT,qBAAqB,EAAE;IACtBI,MAAM,CAAC5B,SAAS,CAAC6B,eAAe,GAAGL,qBAAqB;EAC5D;EAEA,IAAGD,wBAAwB,EAAE;IACzBK,MAAM,CAAC5B,SAAS,CAAC6B,eAAe,GAAGH,MAAM,CAACU,OAAO,CAACb,wBAAwB,CAAC;EAC/E;EAEA,OAAOK,MAAM;AACjB,CAAC;AAED,eAAe9B,UAAU","ignoreList":[]}

package/lib/module/components/menu/type.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/menu/type.ts"],"mappings":";;AA+FC;AAAC","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/menu/type.ts"],"mappings":";;AAiGC;AAAC","ignoreList":[]}

package/lib/module/package.json

@@ -1,4 +1,4 @@
 {
   "type": "module",
-  "version": "1.0.0-pre-alpha.67"
+  "version": "1.0.0-pre-alpha.68"
 }

package/lib/package.json

@@ -1,4 +1,4 @@
 {
-    "version": "1.0.0-pre-alpha.67",
+    "version": "1.0.0-pre-alpha.68",
     "type": "module"
 }

package/lib/src/components/menu/index.js

@@ -11,9 +11,10 @@ import { Portal } from "../../helpers/portalize";
 import Seperator from "../seperator";
 import SiteLogo from "../siteLogo";
 import Modal from "../modal";
-const Menu = ({ isWorkWithSafeAreaView = true, isWorkWithAnimation = true, renderHeader: RenderHeader, renderFooter: RenderFooter, portalName = "menu-system", isWorkWithPortal = true, isWorkWithModal = true, customBackgroundColor, renderHeaderSeperator, close: closeAction, glassEffect = 0, customLocalize, seperatorProps, renderSiteLogo, siteLogoProps, customTheme, navigation, modalProps, isCollapse, onClosed, onOpened, buttons, onClose, onOpen, style, id, ...props }, ref) => {
+const Menu = ({ isWorkWithSafeAreaView = true, isWorkWithAnimation = true, renderHeader: RenderHeader, renderFooter: RenderFooter, portalName = "menu-system", customBackgroundColorKey, isWorkWithPortal = true, isWorkWithModal = true, customBackgroundColor, renderHeaderSeperator, close: closeAction, glassEffect = 0, customLocalize, seperatorProps, renderSiteLogo, siteLogoProps, customTheme, navigation, modalProps, isCollapse, onClosed, onOpened, buttons, onClose, onOpen, style, id, ...props }, ref) => {
     const { colors, spaces } = NCoreUIKitTheme.useContext(customTheme);
     const { headerContainer: headerContainerDynamicStyle, seperator: seperatorDynamicStyle, container: containerDynamicStyle } = useStyles({
+        customBackgroundColorKey,
         customBackgroundColor,
         glassEffect,
         colors,

package/lib/src/components/menu/stylesheet.js

@@ -37,10 +37,10 @@ const stylesheet = StyleSheet.create({
     },
     seperator: {}
 });
-export const useStyles = ({ customBackgroundColor, glassEffect, colors, spaces }) => {
+export const useStyles = ({ customBackgroundColorKey, customBackgroundColor, glassEffect, colors, spaces }) => {
     const styles = {
         container: {
-            backgroundColor: customBackgroundColor ? customBackgroundColor : colors.content.container.default,
+            backgroundColor: colors.content.container.default,
             ...webStyle({
                 WebkitBackdropFilter: `blur(${glassEffect}px)`,
                 backdropFilter: `blur(${glassEffect}px)`
@@ -54,6 +54,12 @@ export const useStyles = ({ customBackgroundColor, glassEffect, colors, spaces }
             marginVertical: spaces.spacingMd
         }
     };
+    if (customBackgroundColor) {
+        styles.container.backgroundColor = customBackgroundColor;
+    }
+    if (customBackgroundColorKey) {
+        styles.container.backgroundColor = colors.project[customBackgroundColorKey];
+    }
     return styles;
 };
 export default stylesheet;