npm - @react-native-ohos/native-base - Versions diffs - 3.4.29-rc.1 → 3.4.29-rc.3 - Mend

@react-native-ohos/native-base 3.4.29-rc.1 → 3.4.29-rc.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2296) hide show

package/lib/module/hooks/useThemeProps/usePropsResolutionTest.js CHANGED Viewed

@@ -37,23 +37,22 @@ PADDING_MAP.paddingTop = PADDING_MAP.pt;
 PADDING_MAP.paddingBottom = PADDING_MAP.pb;
 PADDING_MAP.paddingLeft = PADDING_MAP.pl;
 PADDING_MAP.paddingRight = PADDING_MAP.pr;
-const SPREAD_PROP_SPECIFICITY_MAP = { ...PADDING_MAP,
+const SPREAD_PROP_SPECIFICITY_MAP = {
+  ...PADDING_MAP,
   ...MARGIN_MAP
 };
 function propsSpreader(incomingProps, incomingSpecifity) {
-  const flattenedDefaultProps = { ...incomingProps
+  const flattenedDefaultProps = {
+    ...incomingProps
   };
   const specificity = {};
   SPREAD_PROP_SPECIFICITY_ORDER.forEach(prop => {
     if (prop in flattenedDefaultProps) {
       const val = incomingProps[prop] || flattenedDefaultProps[prop];
       if (!FINAL_SPREAD_PROPS.includes(prop)) {
         delete flattenedDefaultProps[prop];
         specificity[prop] = incomingSpecifity[prop];
       }
       SPREAD_PROP_SPECIFICITY_MAP[prop].forEach(newProp => {
         if (compareSpecificity(specificity[newProp], specificity[prop])) {
           specificity[newProp] = incomingSpecifity[prop];
@@ -64,6 +63,7 @@ function propsSpreader(incomingProps, incomingSpecifity) {
   });
   return merge({}, flattenedDefaultProps);
 }
 /**
  * @summary Combines provided porps with component's theme props and resloves them.
  * @arg {string} component - Name of the component.
@@ -72,20 +72,20 @@ function propsSpreader(incomingProps, incomingSpecifity) {
  * @arg {object} config - configuration for resolution. Accepts key like ignoreProps, resolveResponsively.
  * @returns {object} Resolved and flattened props.
  */
 export function usePropsResolutionTest(component, incomingProps, state, config) {
-  var _flattenProps$bg, _flattenProps$backgro, _flattenProps$bgColor, _flattenProps$backgro2, _ref, _flattenProps$bg2, _flattenProps, _flattenProps$_text, _flattenProps2, _flattenProps2$_text;
+  var _flattenProps$bg, _flattenProps$backgro, _flattenProps$bgColor, _flattenProps$backgro2, _ref, _flattenProps$bg2, _flattenProps, _flattenProps2;
   const [ignoredProps, cleanIncomingProps] = extractInObject(incomingProps, ['children', 'onPress', 'icon', 'onOpen', 'onClose'].concat((config === null || config === void 0 ? void 0 : config.ignoreProps) || []));
   const resolveResponsively = ['colorScheme', 'size', 'variant', ...((config === null || config === void 0 ? void 0 : config.resolveResponsively) || [])];
   const {
     theme
   } = useNativeBase();
   const colorModeProps = useColorMode();
-  const componentTheme = get(theme, "components.".concat(component), {}); // STEP 1: combine default props and incoming props
+  const componentTheme = get(theme, `components.${component}`, {});
+  // STEP 1: combine default props and incoming props
-  const incomingWithDefaultProps = merge({}, componentTheme.defaultProps || {}, cleanIncomingProps); // STEP 2: flatten them
+  const incomingWithDefaultProps = merge({}, componentTheme.defaultProps || {}, cleanIncomingProps);
+  // STEP 2: flatten them
   let [flattenProps, specificityMap] = propsFlattener({
     props: incomingWithDefaultProps,
@@ -93,8 +93,9 @@ export function usePropsResolutionTest(component, incomingProps, state, config)
     colormode: colorModeProps.colorMode,
     state: state || {},
     previouslyFlattenProps: {}
-  }, 2); // STEP 2.5: resolving responsive props
+  }, 2);
+  // STEP 2.5: resolving responsive props
   const responsiveProps = {};
   resolveResponsively.map(propsName => {
     if (flattenProps[propsName]) {
@@ -103,15 +104,16 @@ export function usePropsResolutionTest(component, incomingProps, state, config)
     }
   });
   const responsivelyResolvedProps = useBreakpointResolvedProps(responsiveProps);
-  flattenProps = { ...flattenProps,
+  flattenProps = {
+    ...flattenProps,
     ...responsivelyResolvedProps
-  }; // STEP 3: Pass it to baseStyle, then variant and then size and resolve them.
-  // NOTE: Resoloving baseStyle
+  };
+  // STEP 3: Pass it to baseStyle, then variant and then size and resolve them.
+  // NOTE: Resoloving baseStyle
   let componentBaseStyle = {},
-      flattenBaseStyle,
-      baseSpecificityMap;
+    flattenBaseStyle,
+    baseSpecificityMap;
   if (componentTheme.baseStyle) {
     componentBaseStyle = typeof componentTheme.baseStyle !== 'function' ? componentTheme.baseStyle : componentTheme.baseStyle({
       theme,
@@ -126,14 +128,15 @@ export function usePropsResolutionTest(component, incomingProps, state, config)
       currentSpecificityMap: specificityMap,
       previouslyFlattenProps: flattenProps
     }, 1);
-  } // NOTE: Resolving variants
+  }
+  // NOTE: Resolving variants
   const variant = flattenProps.variant;
   let componentVariantProps = {},
-      flattenVariantStyle,
-      variantSpecificityMap; // Extracting props from variant
+    flattenVariantStyle,
+    variantSpecificityMap;
+  // Extracting props from variant
   if (variant && componentTheme.variants && componentTheme.variants[variant]) {
     componentVariantProps = typeof componentTheme.variants[variant] !== 'function' ? componentTheme.variants[variant] : componentTheme.variants[variant]({
       theme,
@@ -148,37 +151,41 @@ export function usePropsResolutionTest(component, incomingProps, state, config)
       currentSpecificityMap: baseSpecificityMap || specificityMap,
       // NOTE: Ideally flattenBaseStyle and flattenProps should be deeply merged to create previouslyFlattenProps.
       previouslyFlattenProps: flattenProps
-    }, 1); // We remove variant from original props if we found it in the componentTheme
-    //@ts-ignore
+    }, 1);
+    // We remove variant from original props if we found it in the componentTheme
+    //@ts-ignore
     flattenProps.variant = undefined;
-  } // NOTE: Resolving size
+  }
+  // NOTE: Resolving size
   const size = flattenProps.size;
   let componentSizeProps = {},
-      flattenSizeStyle,
-      sizeSpecificityMap; // Extracting props from size
+    flattenSizeStyle,
+    sizeSpecificityMap;
+  // Extracting props from size
   if (size && componentTheme.sizes && componentTheme.sizes[size]) {
     // Type - sizes: {lg: 1}. Refer icon theme
     if (typeof componentTheme.sizes[size] === 'string' || typeof componentTheme.sizes[size] === 'number') {
-      flattenProps.size = componentTheme.sizes[size]; //@ts-ignore
+      flattenProps.size = componentTheme.sizes[size];
+      //@ts-ignore
       // componentSizeProps.size = componentTheme.sizes[size];
-    } // Type - sizes: (props) => ({lg: {px: 1}}). Refer heading theme
+    }
+    // Type - sizes: (props) => ({lg: {px: 1}}). Refer heading theme
     else if (typeof componentTheme.sizes[size] === 'function') {
-        flattenProps.size = undefined;
-        componentSizeProps = componentTheme.sizes[size]({
-          theme,
-          ...flattenProps,
-          ...colorModeProps
-        });
-      } // Type - sizes: {lg: {px: 1}}. Refer button theme
-      else {
-          flattenProps.size = undefined;
-          componentSizeProps = componentTheme.sizes[size];
-        }
+      flattenProps.size = undefined;
+      componentSizeProps = componentTheme.sizes[size]({
+        theme,
+        ...flattenProps,
+        ...colorModeProps
+      });
+    }
+    // Type - sizes: {lg: {px: 1}}. Refer button theme
+    else {
+      flattenProps.size = undefined;
+      componentSizeProps = componentTheme.sizes[size];
+    }
     [flattenSizeStyle, sizeSpecificityMap] = propsFlattener({
       props: componentSizeProps,
       platform: Platform.OS,
@@ -187,27 +194,24 @@ export function usePropsResolutionTest(component, incomingProps, state, config)
       currentSpecificityMap: variantSpecificityMap || baseSpecificityMap || specificityMap,
       previouslyFlattenProps: flattenProps
     }, 1);
-  } // // STEP 4: merge
+  }
+  // // STEP 4: merge
   const defaultStyles = merge({}, flattenBaseStyle, flattenVariantStyle, flattenSizeStyle);
   for (const prop in defaultStyles) {
     delete flattenProps[prop];
   }
   const defaultSpecificity = merge({}, specificityMap, baseSpecificityMap, variantSpecificityMap, sizeSpecificityMap);
-  flattenProps = propsSpreader({ ...defaultStyles,
+  flattenProps = propsSpreader({
+    ...defaultStyles,
     ...flattenProps
-  }, defaultSpecificity); // // STEP 5: linear Grad and contrastText
+  }, defaultSpecificity);
+  // // STEP 5: linear Grad and contrastText
   let ignore = [];
   if ((_flattenProps$bg = flattenProps.bg) !== null && _flattenProps$bg !== void 0 && _flattenProps$bg.linearGradient || (_flattenProps$backgro = flattenProps.background) !== null && _flattenProps$backgro !== void 0 && _flattenProps$backgro.linearGradient || (_flattenProps$bgColor = flattenProps.bgColor) !== null && _flattenProps$bgColor !== void 0 && _flattenProps$bgColor.linearGradient || (_flattenProps$backgro2 = flattenProps.backgroundColor) !== null && _flattenProps$backgro2 !== void 0 && _flattenProps$backgro2.linearGradient) {
     var _flattenProps$backgro3, _flattenProps$bgColor2, _flattenProps$backgro4;
     let bgProp = 'bg';
     if ((_flattenProps$backgro3 = flattenProps.background) !== null && _flattenProps$backgro3 !== void 0 && _flattenProps$backgro3.linearGradient) {
       bgProp = 'background';
     } else if ((_flattenProps$bgColor2 = flattenProps.bgColor) !== null && _flattenProps$bgColor2 !== void 0 && _flattenProps$bgColor2.linearGradient) {
@@ -215,25 +219,26 @@ export function usePropsResolutionTest(component, incomingProps, state, config)
     } else if ((_flattenProps$backgro4 = flattenProps.backgroundColor) !== null && _flattenProps$backgro4 !== void 0 && _flattenProps$backgro4.linearGradient) {
       bgProp = 'backgroundColor';
     }
     flattenProps[bgProp].linearGradient.colors = flattenProps[bgProp].linearGradient.colors.map(color => {
       return get(theme.colors, color, color);
     });
     ignore = ['bg', 'background', 'backgroundColor', 'bgColor'];
-  } // // NOTE: seprating bg props when linearGardiant is available
+  }
+  // // NOTE: seprating bg props when linearGardiant is available
   const [gradientProps] = extractInObject(flattenProps, ignore);
   const bgColor = (_ref = (_flattenProps$bg2 = flattenProps.bg) !== null && _flattenProps$bg2 !== void 0 ? _flattenProps$bg2 : flattenProps.backgroundColor) !== null && _ref !== void 0 ? _ref : flattenProps.bgColor;
-  const contrastTextColor = useContrastText(bgColor, (_flattenProps = flattenProps) === null || _flattenProps === void 0 ? void 0 : (_flattenProps$_text = _flattenProps._text) === null || _flattenProps$_text === void 0 ? void 0 : _flattenProps$_text.color);
-  flattenProps._text = contrastTextColor && ((_flattenProps2 = flattenProps) === null || _flattenProps2 === void 0 ? void 0 : (_flattenProps2$_text = _flattenProps2._text) === null || _flattenProps2$_text === void 0 ? void 0 : _flattenProps2$_text.color) === undefined ? {
+  const contrastTextColor = useContrastText(bgColor, (_flattenProps = flattenProps) === null || _flattenProps === void 0 || (_flattenProps = _flattenProps._text) === null || _flattenProps === void 0 ? void 0 : _flattenProps.color);
+  flattenProps._text = contrastTextColor && ((_flattenProps2 = flattenProps) === null || _flattenProps2 === void 0 || (_flattenProps2 = _flattenProps2._text) === null || _flattenProps2 === void 0 ? void 0 : _flattenProps2.color) === undefined ? {
     color: contrastTextColor,
     ...flattenProps._text
   } : flattenProps._text;
-  const resolvedProps = omitUndefined({ ...flattenProps,
+  const resolvedProps = omitUndefined({
+    ...flattenProps,
     ...ignoredProps,
     ...gradientProps
-  }); // STEP 6: Return
+  });
+  // STEP 6: Return
   // flattenProps = {};
   // propertyDepth = {};

package/lib/module/hooks/useThemeProps/usePropsResolutionTest.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["usePropsResolutionTest.tsx"],"names":["get","merge","Platform","useNativeBase","useColorMode","omitUndefined","extractInObject","useContrastText","useBreakpointResolvedProps","propsFlattener","compareSpecificity","SPREAD_PROP_SPECIFICITY_ORDER","FINAL_SPREAD_PROPS","MARGIN_MAP","mx","my","mt","mb","mr","ml","margin","m","marginTop","marginBottom","marginLeft","marginRight","PADDING_MAP","px","py","pt","pb","pr","pl","padding","p","paddingTop","paddingBottom","paddingLeft","paddingRight","SPREAD_PROP_SPECIFICITY_MAP","propsSpreader","incomingProps","incomingSpecifity","flattenedDefaultProps","specificity","forEach","prop","val","includes","newProp","usePropsResolutionTest","component","state","config","ignoredProps","cleanIncomingProps","concat","ignoreProps","resolveResponsively","theme","colorModeProps","componentTheme","incomingWithDefaultProps","defaultProps","flattenProps","specificityMap","props","platform","OS","colormode","colorMode","previouslyFlattenProps","responsiveProps","map","propsName","responsivelyResolvedProps","componentBaseStyle","flattenBaseStyle","baseSpecificityMap","baseStyle","currentSpecificityMap","variant","componentVariantProps","flattenVariantStyle","variantSpecificityMap","variants","undefined","size","componentSizeProps","flattenSizeStyle","sizeSpecificityMap","sizes","defaultStyles","defaultSpecificity","ignore","bg","linearGradient","background","bgColor","backgroundColor","bgProp","colors","color","gradientProps","contrastTextColor","_text","resolvedProps"],"mappings":"AAAA,OAAOA,GAAP,MAAgB,YAAhB;AACA,OAAOC,KAAP,MAAkB,cAAlB;AACA,SAASC,QAAT,QAAyB,cAAzB;AACA,SAASC,aAAT,QAA8B,kBAA9B;AACA,SAASC,YAAT,QAA6B,uBAA7B;AACA,SAASC,aAAT,EAAwBC,eAAxB,QAA+C,mBAA/C;AACA,SAASC,eAAT,QAAgC,oBAAhC;AACA,SAASC,0BAAT,QAA2C,+BAA3C;AACA,SAASC,cAAT,EAAyBC,kBAAzB,QAAmD,sBAAnD;AAEA,MAAMC,6BAA6B,GAAG,CACpC,GADoC,EAEpC,SAFoC,EAGpC,IAHoC,EAIpC,IAJoC,EAKpC,IALoC,EAMpC,IANoC,EAOpC,IAPoC,EAQpC,IARoC,EASpC,YAToC,EAUpC,eAVoC,EAWpC,aAXoC,EAYpC,cAZoC,EAapC,GAboC,EAcpC,QAdoC,EAepC,IAfoC,EAgBpC,IAhBoC,EAiBpC,IAjBoC,EAkBpC,IAlBoC,EAmBpC,IAnBoC,EAoBpC,IApBoC,EAqBpC,WArBoC,EAsBpC,cAtBoC,EAuBpC,YAvBoC,EAwBpC,aAxBoC,CAAtC;AA2BA,MAAMC,kBAAkB,GAAG,CACzB,YADyB,EAEzB,eAFyB,EAGzB,aAHyB,EAIzB,cAJyB,EAKzB,WALyB,EAMzB,cANyB,EAOzB,YAPyB,EAQzB,aARyB,CAA3B;AAWA,MAAMC,UAAe,GAAG;AACtBC,EAAAA,EAAE,EAAE,CAAC,aAAD,EAAgB,YAAhB,CADkB;AAEtBC,EAAAA,EAAE,EAAE,CAAC,WAAD,EAAc,cAAd,CAFkB;AAGtBC,EAAAA,EAAE,EAAE,CAAC,WAAD,CAHkB;AAItBC,EAAAA,EAAE,EAAE,CAAC,cAAD,CAJkB;AAKtBC,EAAAA,EAAE,EAAE,CAAC,aAAD,CALkB;AAMtBC,EAAAA,EAAE,EAAE,CAAC,YAAD;AANkB,CAAxB;AASAN,UAAU,CAACO,MAAX,GAAoB,CAAC,GAAGP,UAAU,CAACC,EAAf,EAAmB,GAAGD,UAAU,CAACE,EAAjC,CAApB;AACAF,UAAU,CAACQ,CAAX,GAAeR,UAAU,CAACO,MAA1B;AACAP,UAAU,CAACS,SAAX,GAAuBT,UAAU,CAACG,EAAlC;AACAH,UAAU,CAACU,YAAX,GAA0BV,UAAU,CAACI,EAArC;AACAJ,UAAU,CAACW,UAAX,GAAwBX,UAAU,CAACM,EAAnC;AACAN,UAAU,CAACY,WAAX,GAAyBZ,UAAU,CAACK,EAApC;AAEA,MAAMQ,WAAgB,GAAG;AACvBC,EAAAA,EAAE,EAAE,CAAC,cAAD,EAAiB,aAAjB,CADmB;AAEvBC,EAAAA,EAAE,EAAE,CAAC,YAAD,EAAe,eAAf,CAFmB;AAGvBC,EAAAA,EAAE,EAAE,CAAC,YAAD,CAHmB;AAIvBC,EAAAA,EAAE,EAAE,CAAC,eAAD,CAJmB;AAKvBC,EAAAA,EAAE,EAAE,CAAC,cAAD,CALmB;AAMvBC,EAAAA,EAAE,EAAE,CAAC,aAAD;AANmB,CAAzB;AASAN,WAAW,CAACO,OAAZ,GAAsB,CAAC,GAAGP,WAAW,CAACC,EAAhB,EAAoB,GAAGD,WAAW,CAACE,EAAnC,CAAtB;AACAF,WAAW,CAACQ,CAAZ,GAAgBR,WAAW,CAACO,OAA5B;AACAP,WAAW,CAACS,UAAZ,GAAyBT,WAAW,CAACG,EAArC;AACAH,WAAW,CAACU,aAAZ,GAA4BV,WAAW,CAACI,EAAxC;AACAJ,WAAW,CAACW,WAAZ,GAA0BX,WAAW,CAACM,EAAtC;AACAN,WAAW,CAACY,YAAZ,GAA2BZ,WAAW,CAACK,EAAvC;AAEA,MAAMQ,2BAAgC,GAAG,EACvC,GAAGb,WADoC;AAEvC,KAAGb;AAFoC,CAAzC;;AAKA,SAAS2B,aAAT,CAAuBC,aAAvB,EAA2CC,iBAA3C,EAAmE;AACjE,QAAMC,qBAA0B,GAAG,EAAE,GAAGF;AAAL,GAAnC;AACA,QAAMG,WAAgB,GAAG,EAAzB;AAEAjC,EAAAA,6BAA6B,CAACkC,OAA9B,CAAuCC,IAAD,IAAU;AAC9C,QAAIA,IAAI,IAAIH,qBAAZ,EAAmC;AACjC,YAAMI,GAAG,GAAGN,aAAa,CAACK,IAAD,CAAb,IAAuBH,qBAAqB,CAACG,IAAD,CAAxD;;AACA,UAAI,CAAClC,kBAAkB,CAACoC,QAAnB,CAA4BF,IAA5B,CAAL,EAAwC;AACtC,eAAOH,qBAAqB,CAACG,IAAD,CAA5B;AACAF,QAAAA,WAAW,CAACE,IAAD,CAAX,GAAoBJ,iBAAiB,CAACI,IAAD,CAArC;AACD;;AAEDP,MAAAA,2BAA2B,CAACO,IAAD,CAA3B,CAAkCD,OAAlC,CAA2CI,OAAD,IAAqB;AAC7D,YAAIvC,kBAAkB,CAACkC,WAAW,CAACK,OAAD,CAAZ,EAAuBL,WAAW,CAACE,IAAD,CAAlC,CAAtB,EAAiE;AAC/DF,UAAAA,WAAW,CAACK,OAAD,CAAX,GAAuBP,iBAAiB,CAACI,IAAD,CAAxC;AACAH,UAAAA,qBAAqB,CAACM,OAAD,CAArB,GAAiCF,GAAjC;AACD;AACF,OALD;AAMD;AACF,GAfD;AAiBA,SAAO9C,KAAK,CAAC,EAAD,EAAK0C,qBAAL,CAAZ;AACD;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,OAAO,SAASO,sBAAT,CACLC,SADK,EAELV,aAFK,EAGLW,KAHK,EAILC,MAJK,EAKL;AAAA;;AACA,QAAM,CAACC,YAAD,EAAeC,kBAAf,IAAqCjD,eAAe,CACxDmC,aADwD,EAExD,CAAC,UAAD,EAAa,SAAb,EAAwB,MAAxB,EAAgC,QAAhC,EAA0C,SAA1C,EAAqDe,MAArD,CACE,CAAAH,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM,CAAEI,WAAR,KAAuB,EADzB,CAFwD,CAA1D;AAMA,QAAMC,mBAAmB,GAAG,CAC1B,aAD0B,EAE1B,MAF0B,EAG1B,SAH0B,EAI1B,IAAI,CAAAL,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM,CAAEK,mBAAR,KAA+B,EAAnC,CAJ0B,CAA5B;AAOA,QAAM;AAAEC,IAAAA;AAAF,MAAYxD,aAAa,EAA/B;AACA,QAAMyD,cAAc,GAAGxD,YAAY,EAAnC;AAEA,QAAMyD,cAAc,GAAG7D,GAAG,CAAC2D,KAAD,uBAAsBR,SAAtB,GAAmC,EAAnC,CAA1B,CAjBA,CAmBA;;AAEA,QAAMW,wBAAwB,GAAG7D,KAAK,CACpC,EADoC,EAEpC4D,cAAc,CAACE,YAAf,IAA+B,EAFK,EAGpCR,kBAHoC,CAAtC,CArBA,CA0BA;;AAEA,MAAI,CAACS,YAAD,EAAeC,cAAf,IAAiCxD,cAAc,CACjD;AACEyD,IAAAA,KAAK,EAAEJ,wBADT;AAEEK,IAAAA,QAAQ,EAAEjE,QAAQ,CAACkE,EAFrB;AAGEC,IAAAA,SAAS,EAAET,cAAc,CAACU,SAH5B;AAIElB,IAAAA,KAAK,EAAEA,KAAK,IAAI,EAJlB;AAKEmB,IAAAA,sBAAsB,EAAE;AAL1B,GADiD,EAQjD,CARiD,CAAnD,CA5BA,CAuCA;;AACA,QAAMC,eAAe,GAAG,EAAxB;AACAd,EAAAA,mBAAmB,CAACe,GAApB,CAAyBC,SAAD,IAAe;AACrC,QAAIV,YAAY,CAACU,SAAD,CAAhB,EAA6B;AAC3B;AACAF,MAAAA,eAAe,CAACE,SAAD,CAAf,GAA6BV,YAAY,CAACU,SAAD,CAAzC;AACD;AACF,GALD;AAOA,QAAMC,yBAAyB,GAAGnE,0BAA0B,CAACgE,eAAD,CAA5D;AAEAR,EAAAA,YAAY,GAAG,EACb,GAAGA,YADU;AAEb,OAAGW;AAFU,GAAf,CAlDA,CAsDA;AAEA;;AACA,MAAIC,kBAAkB,GAAG,EAAzB;AAAA,MACEC,gBADF;AAAA,MAEEC,kBAFF;;AAGA,MAAIjB,cAAc,CAACkB,SAAnB,EAA8B;AAC5BH,IAAAA,kBAAkB,GAChB,OAAOf,cAAc,CAACkB,SAAtB,KAAoC,UAApC,GACIlB,cAAc,CAACkB,SADnB,GAEIlB,cAAc,CAACkB,SAAf,CAAyB;AACvBpB,MAAAA,KADuB;AAEvB,SAAGK,YAFoB;AAGvB,SAAGJ;AAHoB,KAAzB,CAHN;AASA,KAACiB,gBAAD,EAAmBC,kBAAnB,IAAyCrE,cAAc,CACrD;AACEyD,MAAAA,KAAK,EAAEU,kBADT;AAEET,MAAAA,QAAQ,EAAEjE,QAAQ,CAACkE,EAFrB;AAGEC,MAAAA,SAAS,EAAET,cAAc,CAACU,SAH5B;AAIElB,MAAAA,KAAK,EAAEA,KAAK,IAAI,EAJlB;AAKE4B,MAAAA,qBAAqB,EAAEf,cALzB;AAMEM,MAAAA,sBAAsB,EAAEP;AAN1B,KADqD,EASrD,CATqD,CAAvD;AAWD,GAjFD,CAmFA;;;AAEA,QAAMiB,OAAO,GAAGjB,YAAY,CAACiB,OAA7B;AAEA,MAAIC,qBAAqB,GAAG,EAA5B;AAAA,MACEC,mBADF;AAAA,MAEEC,qBAFF,CAvFA,CA0FA;;AACA,MAAIH,OAAO,IAAIpB,cAAc,CAACwB,QAA1B,IAAsCxB,cAAc,CAACwB,QAAf,CAAwBJ,OAAxB,CAA1C,EAA4E;AAC1EC,IAAAA,qBAAqB,GACnB,OAAOrB,cAAc,CAACwB,QAAf,CAAwBJ,OAAxB,CAAP,KAA4C,UAA5C,GACIpB,cAAc,CAACwB,QAAf,CAAwBJ,OAAxB,CADJ,GAEIpB,cAAc,CAACwB,QAAf,CAAwBJ,OAAxB,EAAiC;AAC/BtB,MAAAA,KAD+B;AAE/B,SAAGK,YAF4B;AAG/B,SAAGJ;AAH4B,KAAjC,CAHN;AASA,KAACuB,mBAAD,EAAsBC,qBAAtB,IAA+C3E,cAAc,CAC3D;AACEyD,MAAAA,KAAK,EAAEgB,qBADT;AAEEf,MAAAA,QAAQ,EAAEjE,QAAQ,CAACkE,EAFrB;AAGEC,MAAAA,SAAS,EAAET,cAAc,CAACU,SAH5B;AAIElB,MAAAA,KAAK,EAAEA,KAAK,IAAI,EAJlB;AAKE4B,MAAAA,qBAAqB,EAAEF,kBAAkB,IAAIb,cAL/C;AAME;AACAM,MAAAA,sBAAsB,EAAEP;AAP1B,KAD2D,EAU3D,CAV2D,CAA7D,CAV0E,CAuB1E;AACA;;AACAA,IAAAA,YAAY,CAACiB,OAAb,GAAuBK,SAAvB;AACD,GArHD,CAuHA;;;AAEA,QAAMC,IAAI,GAAGvB,YAAY,CAACuB,IAA1B;AAEA,MAAIC,kBAAkB,GAAG,EAAzB;AAAA,MACEC,gBADF;AAAA,MAEEC,kBAFF,CA3HA,CA8HA;;AACA,MAAIH,IAAI,IAAI1B,cAAc,CAAC8B,KAAvB,IAAgC9B,cAAc,CAAC8B,KAAf,CAAqBJ,IAArB,CAApC,EAAgE;AAC9D;AACA,QACE,OAAO1B,cAAc,CAAC8B,KAAf,CAAqBJ,IAArB,CAAP,KAAsC,QAAtC,IACA,OAAO1B,cAAc,CAAC8B,KAAf,CAAqBJ,IAArB,CAAP,KAAsC,QAFxC,EAGE;AACAvB,MAAAA,YAAY,CAACuB,IAAb,GAAoB1B,cAAc,CAAC8B,KAAf,CAAqBJ,IAArB,CAApB,CADA,CAEA;AACA;AACD,KAPD,CAQA;AARA,SASK,IAAI,OAAO1B,cAAc,CAAC8B,KAAf,CAAqBJ,IAArB,CAAP,KAAsC,UAA1C,EAAsD;AACzDvB,QAAAA,YAAY,CAACuB,IAAb,GAAoBD,SAApB;AACAE,QAAAA,kBAAkB,GAAG3B,cAAc,CAAC8B,KAAf,CAAqBJ,IAArB,EAA2B;AAC9C5B,UAAAA,KAD8C;AAE9C,aAAGK,YAF2C;AAG9C,aAAGJ;AAH2C,SAA3B,CAArB;AAKD,OAPI,CAQL;AARK,WASA;AACHI,UAAAA,YAAY,CAACuB,IAAb,GAAoBD,SAApB;AACAE,UAAAA,kBAAkB,GAAG3B,cAAc,CAAC8B,KAAf,CAAqBJ,IAArB,CAArB;AACD;;AAED,KAACE,gBAAD,EAAmBC,kBAAnB,IAAyCjF,cAAc,CACrD;AACEyD,MAAAA,KAAK,EAAEsB,kBADT;AAEErB,MAAAA,QAAQ,EAAEjE,QAAQ,CAACkE,EAFrB;AAGEC,MAAAA,SAAS,EAAET,cAAc,CAACU,SAH5B;AAIElB,MAAAA,KAAK,EAAEA,KAAK,IAAI,EAJlB;AAKE4B,MAAAA,qBAAqB,EACnBI,qBAAqB,IAAIN,kBAAzB,IAA+Cb,cANnD;AAOEM,MAAAA,sBAAsB,EAAEP;AAP1B,KADqD,EAUrD,CAVqD,CAAvD;AAYD,GApKD,CAsKA;;;AACA,QAAM4B,aAAa,GAAG3F,KAAK,CACzB,EADyB,EAEzB4E,gBAFyB,EAGzBM,mBAHyB,EAIzBM,gBAJyB,CAA3B;;AAOA,OAAK,MAAM3C,IAAX,IAAmB8C,aAAnB,EAAkC;AAChC,WAAO5B,YAAY,CAAClB,IAAD,CAAnB;AACD;;AAED,QAAM+C,kBAAkB,GAAG5F,KAAK,CAC9B,EAD8B,EAE9BgE,cAF8B,EAG9Ba,kBAH8B,EAI9BM,qBAJ8B,EAK9BM,kBAL8B,CAAhC;AAQA1B,EAAAA,YAAY,GAAGxB,aAAa,CAC1B,EAAE,GAAGoD,aAAL;AAAoB,OAAG5B;AAAvB,GAD0B,EAE1B6B,kBAF0B,CAA5B,CA1LA,CA+LA;;AACA,MAAIC,MAAW,GAAG,EAAlB;;AACA,MACE,oBAAA9B,YAAY,CAAC+B,EAAb,8DAAiBC,cAAjB,6BACAhC,YAAY,CAACiC,UADb,kDACA,sBAAyBD,cADzB,6BAEAhC,YAAY,CAACkC,OAFb,kDAEA,sBAAsBF,cAFtB,8BAGAhC,YAAY,CAACmC,eAHb,mDAGA,uBAA8BH,cAJhC,EAKE;AAAA;;AACA,QAAII,MAAM,GAAG,IAAb;;AACA,kCAAIpC,YAAY,CAACiC,UAAjB,mDAAI,uBAAyBD,cAA7B,EAA6C;AAC3CI,MAAAA,MAAM,GAAG,YAAT;AACD,KAFD,MAEO,8BAAIpC,YAAY,CAACkC,OAAjB,mDAAI,uBAAsBF,cAA1B,EAA0C;AAC/CI,MAAAA,MAAM,GAAG,SAAT;AACD,KAFM,MAEA,8BAAIpC,YAAY,CAACmC,eAAjB,mDAAI,uBAA8BH,cAAlC,EAAkD;AACvDI,MAAAA,MAAM,GAAG,iBAAT;AACD;;AACDpC,IAAAA,YAAY,CAACoC,MAAD,CAAZ,CAAqBJ,cAArB,CAAoCK,MAApC,GAA6CrC,YAAY,CACvDoC,MADuD,CAAZ,CAE3CJ,cAF2C,CAE5BK,MAF4B,CAErB5B,GAFqB,CAEhB6B,KAAD,IAAmB;AAC7C,aAAOtG,GAAG,CAAC2D,KAAK,CAAC0C,MAAP,EAAeC,KAAf,EAAsBA,KAAtB,CAAV;AACD,KAJ4C,CAA7C;AAKAR,IAAAA,MAAM,GAAG,CAAC,IAAD,EAAO,YAAP,EAAqB,iBAArB,EAAwC,SAAxC,CAAT;AACD,GArND,CAsNA;;;AACA,QAAM,CAACS,aAAD,IAAkBjG,eAAe,CAAC0D,YAAD,EAAe8B,MAAf,CAAvC;AAEA,QAAMI,OAAO,gCACXlC,YAAY,CAAC+B,EADF,iEACQ/B,YAAY,CAACmC,eADrB,uCACwCnC,YAAY,CAACkC,OADlE;AAGA,QAAMM,iBAAiB,GAAGjG,eAAe,CACvC2F,OADuC,mBAEvClC,YAFuC,yEAEvC,cAAcyC,KAFyB,wDAEvC,oBAAqBH,KAFkB,CAAzC;AAKAtC,EAAAA,YAAY,CAACyC,KAAb,GACED,iBAAiB,IAAI,mBAAAxC,YAAY,UAAZ,gFAAcyC,KAAd,8EAAqBH,KAArB,MAA+BhB,SAApD,GACI;AACEgB,IAAAA,KAAK,EAAEE,iBADT;AAEE,OAAGxC,YAAY,CAACyC;AAFlB,GADJ,GAKIzC,YAAY,CAACyC,KANnB;AAQA,QAAMC,aAAa,GAAGrG,aAAa,CAAC,EAClC,GAAG2D,YAD+B;AAElC,OAAGV,YAF+B;AAGlC,OAAGiD;AAH+B,GAAD,CAAnC,CAzOA,CA8OA;AAEA;AACA;;AAEA,SAAOG,aAAP;AACD","sourcesContent":["import get from 'lodash.get';\r\nimport merge from 'lodash.merge';\r\nimport { Platform } from 'react-native';\r\nimport { useNativeBase } from '../useNativeBase';\r\nimport { useColorMode } from '../../core/color-mode';\r\nimport { omitUndefined, extractInObject } from '../../theme/tools';\r\nimport { useContrastText } from '../useContrastText';\r\nimport { useBreakpointResolvedProps } from '../useBreakpointResolvedProps';\r\nimport { propsFlattener, compareSpecificity } from './propsFlattenerTest';\r\n\r\nconst SPREAD_PROP_SPECIFICITY_ORDER = [\r\n 'p',\r\n 'padding',\r\n 'px',\r\n 'py',\r\n 'pt',\r\n 'pb',\r\n 'pl',\r\n 'pr',\r\n 'paddingTop',\r\n 'paddingBottom',\r\n 'paddingLeft',\r\n 'paddingRight',\r\n 'm',\r\n 'margin',\r\n 'mx',\r\n 'my',\r\n 'mt',\r\n 'mb',\r\n 'ml',\r\n 'mr',\r\n 'marginTop',\r\n 'marginBottom',\r\n 'marginLeft',\r\n 'marginRight',\r\n];\r\n\r\nconst FINAL_SPREAD_PROPS = [\r\n 'paddingTop',\r\n 'paddingBottom',\r\n 'paddingLeft',\r\n 'paddingRight',\r\n 'marginTop',\r\n 'marginBottom',\r\n 'marginLeft',\r\n 'marginRight',\r\n];\r\n\r\nconst MARGIN_MAP: any = {\r\n mx: ['marginRight', 'marginLeft'],\r\n my: ['marginTop', 'marginBottom'],\r\n mt: ['marginTop'],\r\n mb: ['marginBottom'],\r\n mr: ['marginRight'],\r\n ml: ['marginLeft'],\r\n};\r\n\r\nMARGIN_MAP.margin = [...MARGIN_MAP.mx, ...MARGIN_MAP.my];\r\nMARGIN_MAP.m = MARGIN_MAP.margin;\r\nMARGIN_MAP.marginTop = MARGIN_MAP.mt;\r\nMARGIN_MAP.marginBottom = MARGIN_MAP.mb;\r\nMARGIN_MAP.marginLeft = MARGIN_MAP.ml;\r\nMARGIN_MAP.marginRight = MARGIN_MAP.mr;\r\n\r\nconst PADDING_MAP: any = {\r\n px: ['paddingRight', 'paddingLeft'],\r\n py: ['paddingTop', 'paddingBottom'],\r\n pt: ['paddingTop'],\r\n pb: ['paddingBottom'],\r\n pr: ['paddingRight'],\r\n pl: ['paddingLeft'],\r\n};\r\n\r\nPADDING_MAP.padding = [...PADDING_MAP.px, ...PADDING_MAP.py];\r\nPADDING_MAP.p = PADDING_MAP.padding;\r\nPADDING_MAP.paddingTop = PADDING_MAP.pt;\r\nPADDING_MAP.paddingBottom = PADDING_MAP.pb;\r\nPADDING_MAP.paddingLeft = PADDING_MAP.pl;\r\nPADDING_MAP.paddingRight = PADDING_MAP.pr;\r\n\r\nconst SPREAD_PROP_SPECIFICITY_MAP: any = {\r\n ...PADDING_MAP,\r\n ...MARGIN_MAP,\r\n};\r\n\r\nfunction propsSpreader(incomingProps: any, incomingSpecifity: any) {\r\n const flattenedDefaultProps: any = { ...incomingProps };\r\n const specificity: any = {};\r\n\r\n SPREAD_PROP_SPECIFICITY_ORDER.forEach((prop) => {\r\n if (prop in flattenedDefaultProps) {\r\n const val = incomingProps[prop] \|\| flattenedDefaultProps[prop];\r\n if (!FINAL_SPREAD_PROPS.includes(prop)) {\r\n delete flattenedDefaultProps[prop];\r\n specificity[prop] = incomingSpecifity[prop];\r\n }\r\n\r\n SPREAD_PROP_SPECIFICITY_MAP[prop].forEach((newProp: string) => {\r\n if (compareSpecificity(specificity[newProp], specificity[prop])) {\r\n specificity[newProp] = incomingSpecifity[prop];\r\n flattenedDefaultProps[newProp] = val;\r\n }\r\n });\r\n }\r\n });\r\n\r\n return merge({}, flattenedDefaultProps);\r\n}\r\n\r\n/*\r\n @summary Combines provided porps with component's theme props and resloves them.\r\n * @arg {string} component - Name of the component.\r\n * @arg {object} incomingProps - Props passed by the user.\r\n * @arg {object} state - dependent states.\r\n * @arg {object} config - configuration for resolution. Accepts key like ignoreProps, resolveResponsively.\r\n * @returns {object} Resolved and flattened props.\r\n */\r\nexport function usePropsResolutionTest(\r\n component: string,\r\n incomingProps: any,\r\n state?: any,\r\n config?: any\r\n) {\r\n const [ignoredProps, cleanIncomingProps] = extractInObject(\r\n incomingProps,\r\n ['children', 'onPress', 'icon', 'onOpen', 'onClose'].concat(\r\n config?.ignoreProps \|\| []\r\n )\r\n );\r\n const resolveResponsively = [\r\n 'colorScheme',\r\n 'size',\r\n 'variant',\r\n ...(config?.resolveResponsively \|\| []),\r\n ];\r\n\r\n const { theme } = useNativeBase();\r\n const colorModeProps = useColorMode();\r\n\r\n const componentTheme = get(theme, `components.${component}`, {});\r\n\r\n // STEP 1: combine default props and incoming props\r\n\r\n const incomingWithDefaultProps = merge(\r\n {},\r\n componentTheme.defaultProps \|\| {},\r\n cleanIncomingProps\r\n );\r\n // STEP 2: flatten them\r\n\r\n let [flattenProps, specificityMap] = propsFlattener(\r\n {\r\n props: incomingWithDefaultProps,\r\n platform: Platform.OS,\r\n colormode: colorModeProps.colorMode,\r\n state: state \|\| {},\r\n previouslyFlattenProps: {},\r\n },\r\n 2\r\n );\r\n\r\n // STEP 2.5: resolving responsive props\r\n const responsiveProps = {};\r\n resolveResponsively.map((propsName) => {\r\n if (flattenProps[propsName]) {\r\n // @ts-ignore\r\n responsiveProps[propsName] = flattenProps[propsName];\r\n }\r\n });\r\n\r\n const responsivelyResolvedProps = useBreakpointResolvedProps(responsiveProps);\r\n\r\n flattenProps = {\r\n ...flattenProps,\r\n ...responsivelyResolvedProps,\r\n };\r\n // STEP 3: Pass it to baseStyle, then variant and then size and resolve them.\r\n\r\n // NOTE: Resoloving baseStyle\r\n let componentBaseStyle = {},\r\n flattenBaseStyle,\r\n baseSpecificityMap;\r\n if (componentTheme.baseStyle) {\r\n componentBaseStyle =\r\n typeof componentTheme.baseStyle !== 'function'\r\n ? componentTheme.baseStyle\r\n : componentTheme.baseStyle({\r\n theme,\r\n ...flattenProps,\r\n ...colorModeProps,\r\n });\r\n\r\n [flattenBaseStyle, baseSpecificityMap] = propsFlattener(\r\n {\r\n props: componentBaseStyle,\r\n platform: Platform.OS,\r\n colormode: colorModeProps.colorMode,\r\n state: state \|\| {},\r\n currentSpecificityMap: specificityMap,\r\n previouslyFlattenProps: flattenProps,\r\n },\r\n 1\r\n );\r\n }\r\n\r\n // NOTE: Resolving variants\r\n\r\n const variant = flattenProps.variant;\r\n\r\n let componentVariantProps = {},\r\n flattenVariantStyle,\r\n variantSpecificityMap;\r\n // Extracting props from variant\r\n if (variant && componentTheme.variants && componentTheme.variants[variant]) {\r\n componentVariantProps =\r\n typeof componentTheme.variants[variant] !== 'function'\r\n ? componentTheme.variants[variant]\r\n : componentTheme.variants[variant]({\r\n theme,\r\n ...flattenProps,\r\n ...colorModeProps,\r\n });\r\n\r\n [flattenVariantStyle, variantSpecificityMap] = propsFlattener(\r\n {\r\n props: componentVariantProps,\r\n platform: Platform.OS,\r\n colormode: colorModeProps.colorMode,\r\n state: state \|\| {},\r\n currentSpecificityMap: baseSpecificityMap \|\| specificityMap,\r\n // NOTE: Ideally flattenBaseStyle and flattenProps should be deeply merged to create previouslyFlattenProps.\r\n previouslyFlattenProps: flattenProps,\r\n },\r\n 1\r\n );\r\n\r\n // We remove variant from original props if we found it in the componentTheme\r\n //@ts-ignore\r\n flattenProps.variant = undefined;\r\n }\r\n\r\n // NOTE: Resolving size\r\n\r\n const size = flattenProps.size;\r\n\r\n let componentSizeProps = {},\r\n flattenSizeStyle,\r\n sizeSpecificityMap;\r\n // Extracting props from size\r\n if (size && componentTheme.sizes && componentTheme.sizes[size]) {\r\n // Type - sizes: {lg: 1}. Refer icon theme\r\n if (\r\n typeof componentTheme.sizes[size] === 'string' \|\|\r\n typeof componentTheme.sizes[size] === 'number'\r\n ) {\r\n flattenProps.size = componentTheme.sizes[size];\r\n //@ts-ignore\r\n // componentSizeProps.size = componentTheme.sizes[size];\r\n }\r\n // Type - sizes: (props) => ({lg: {px: 1}}). Refer heading theme\r\n else if (typeof componentTheme.sizes[size] === 'function') {\r\n flattenProps.size = undefined;\r\n componentSizeProps = componentTheme.sizes[size]({\r\n theme,\r\n ...flattenProps,\r\n ...colorModeProps,\r\n });\r\n }\r\n // Type - sizes: {lg: {px: 1}}. Refer button theme\r\n else {\r\n flattenProps.size = undefined;\r\n componentSizeProps = componentTheme.sizes[size];\r\n }\r\n\r\n [flattenSizeStyle, sizeSpecificityMap] = propsFlattener(\r\n {\r\n props: componentSizeProps,\r\n platform: Platform.OS,\r\n colormode: colorModeProps.colorMode,\r\n state: state \|\| {},\r\n currentSpecificityMap:\r\n variantSpecificityMap \|\| baseSpecificityMap \|\| specificityMap,\r\n previouslyFlattenProps: flattenProps,\r\n },\r\n 1\r\n );\r\n }\r\n\r\n // // STEP 4: merge\r\n const defaultStyles = merge(\r\n {},\r\n flattenBaseStyle,\r\n flattenVariantStyle,\r\n flattenSizeStyle\r\n );\r\n\r\n for (const prop in defaultStyles) {\r\n delete flattenProps[prop];\r\n }\r\n\r\n const defaultSpecificity = merge(\r\n {},\r\n specificityMap,\r\n baseSpecificityMap,\r\n variantSpecificityMap,\r\n sizeSpecificityMap\r\n );\r\n\r\n flattenProps = propsSpreader(\r\n { ...defaultStyles, ...flattenProps },\r\n defaultSpecificity\r\n );\r\n\r\n // // STEP 5: linear Grad and contrastText\r\n let ignore: any = [];\r\n if (\r\n flattenProps.bg?.linearGradient \|\|\r\n flattenProps.background?.linearGradient \|\|\r\n flattenProps.bgColor?.linearGradient \|\|\r\n flattenProps.backgroundColor?.linearGradient\r\n ) {\r\n let bgProp = 'bg';\r\n if (flattenProps.background?.linearGradient) {\r\n bgProp = 'background';\r\n } else if (flattenProps.bgColor?.linearGradient) {\r\n bgProp = 'bgColor';\r\n } else if (flattenProps.backgroundColor?.linearGradient) {\r\n bgProp = 'backgroundColor';\r\n }\r\n flattenProps[bgProp].linearGradient.colors = flattenProps[\r\n bgProp\r\n ].linearGradient.colors.map((color: string) => {\r\n return get(theme.colors, color, color);\r\n });\r\n ignore = ['bg', 'background', 'backgroundColor', 'bgColor'];\r\n }\r\n // // NOTE: seprating bg props when linearGardiant is available\r\n const [gradientProps] = extractInObject(flattenProps, ignore);\r\n\r\n const bgColor =\r\n flattenProps.bg ?? flattenProps.backgroundColor ?? flattenProps.bgColor;\r\n\r\n const contrastTextColor = useContrastText(\r\n bgColor,\r\n flattenProps?._text?.color\r\n );\r\n\r\n flattenProps._text =\r\n contrastTextColor && flattenProps?._text?.color === undefined\r\n ? {\r\n color: contrastTextColor,\r\n ...flattenProps._text,\r\n }\r\n : flattenProps._text;\r\n\r\n const resolvedProps = omitUndefined({\r\n ...flattenProps,\r\n ...ignoredProps,\r\n ...gradientProps,\r\n });\r\n // STEP 6: Return\r\n\r\n // flattenProps = {};\r\n // propertyDepth = {};\r\n\r\n return resolvedProps;\r\n}\r\n"]}
1	+ {"version":3,"names":["get","merge","Platform","useNativeBase","useColorMode","omitUndefined","extractInObject","useContrastText","useBreakpointResolvedProps","propsFlattener","compareSpecificity","SPREAD_PROP_SPECIFICITY_ORDER","FINAL_SPREAD_PROPS","MARGIN_MAP","mx","my","mt","mb","mr","ml","margin","m","marginTop","marginBottom","marginLeft","marginRight","PADDING_MAP","px","py","pt","pb","pr","pl","padding","p","paddingTop","paddingBottom","paddingLeft","paddingRight","SPREAD_PROP_SPECIFICITY_MAP","propsSpreader","incomingProps","incomingSpecifity","flattenedDefaultProps","specificity","forEach","prop","val","includes","newProp","usePropsResolutionTest","component","state","config","_flattenProps$bg","_flattenProps$backgro","_flattenProps$bgColor","_flattenProps$backgro2","_ref","_flattenProps$bg2","_flattenProps","_flattenProps2","ignoredProps","cleanIncomingProps","concat","ignoreProps","resolveResponsively","theme","colorModeProps","componentTheme","incomingWithDefaultProps","defaultProps","flattenProps","specificityMap","props","platform","OS","colormode","colorMode","previouslyFlattenProps","responsiveProps","map","propsName","responsivelyResolvedProps","componentBaseStyle","flattenBaseStyle","baseSpecificityMap","baseStyle","currentSpecificityMap","variant","componentVariantProps","flattenVariantStyle","variantSpecificityMap","variants","undefined","size","componentSizeProps","flattenSizeStyle","sizeSpecificityMap","sizes","defaultStyles","defaultSpecificity","ignore","bg","linearGradient","background","bgColor","backgroundColor","_flattenProps$backgro3","_flattenProps$bgColor2","_flattenProps$backgro4","bgProp","colors","color","gradientProps","contrastTextColor","_text","resolvedProps"],"sources":["usePropsResolutionTest.tsx"],"sourcesContent":["import get from 'lodash.get';\r\nimport merge from 'lodash.merge';\r\nimport { Platform } from 'react-native';\r\nimport { useNativeBase } from '../useNativeBase';\r\nimport { useColorMode } from '../../core/color-mode';\r\nimport { omitUndefined, extractInObject } from '../../theme/tools';\r\nimport { useContrastText } from '../useContrastText';\r\nimport { useBreakpointResolvedProps } from '../useBreakpointResolvedProps';\r\nimport { propsFlattener, compareSpecificity } from './propsFlattenerTest';\r\n\r\nconst SPREAD_PROP_SPECIFICITY_ORDER = [\r\n 'p',\r\n 'padding',\r\n 'px',\r\n 'py',\r\n 'pt',\r\n 'pb',\r\n 'pl',\r\n 'pr',\r\n 'paddingTop',\r\n 'paddingBottom',\r\n 'paddingLeft',\r\n 'paddingRight',\r\n 'm',\r\n 'margin',\r\n 'mx',\r\n 'my',\r\n 'mt',\r\n 'mb',\r\n 'ml',\r\n 'mr',\r\n 'marginTop',\r\n 'marginBottom',\r\n 'marginLeft',\r\n 'marginRight',\r\n];\r\n\r\nconst FINAL_SPREAD_PROPS = [\r\n 'paddingTop',\r\n 'paddingBottom',\r\n 'paddingLeft',\r\n 'paddingRight',\r\n 'marginTop',\r\n 'marginBottom',\r\n 'marginLeft',\r\n 'marginRight',\r\n];\r\n\r\nconst MARGIN_MAP: any = {\r\n mx: ['marginRight', 'marginLeft'],\r\n my: ['marginTop', 'marginBottom'],\r\n mt: ['marginTop'],\r\n mb: ['marginBottom'],\r\n mr: ['marginRight'],\r\n ml: ['marginLeft'],\r\n};\r\n\r\nMARGIN_MAP.margin = [...MARGIN_MAP.mx, ...MARGIN_MAP.my];\r\nMARGIN_MAP.m = MARGIN_MAP.margin;\r\nMARGIN_MAP.marginTop = MARGIN_MAP.mt;\r\nMARGIN_MAP.marginBottom = MARGIN_MAP.mb;\r\nMARGIN_MAP.marginLeft = MARGIN_MAP.ml;\r\nMARGIN_MAP.marginRight = MARGIN_MAP.mr;\r\n\r\nconst PADDING_MAP: any = {\r\n px: ['paddingRight', 'paddingLeft'],\r\n py: ['paddingTop', 'paddingBottom'],\r\n pt: ['paddingTop'],\r\n pb: ['paddingBottom'],\r\n pr: ['paddingRight'],\r\n pl: ['paddingLeft'],\r\n};\r\n\r\nPADDING_MAP.padding = [...PADDING_MAP.px, ...PADDING_MAP.py];\r\nPADDING_MAP.p = PADDING_MAP.padding;\r\nPADDING_MAP.paddingTop = PADDING_MAP.pt;\r\nPADDING_MAP.paddingBottom = PADDING_MAP.pb;\r\nPADDING_MAP.paddingLeft = PADDING_MAP.pl;\r\nPADDING_MAP.paddingRight = PADDING_MAP.pr;\r\n\r\nconst SPREAD_PROP_SPECIFICITY_MAP: any = {\r\n ...PADDING_MAP,\r\n ...MARGIN_MAP,\r\n};\r\n\r\nfunction propsSpreader(incomingProps: any, incomingSpecifity: any) {\r\n const flattenedDefaultProps: any = { ...incomingProps };\r\n const specificity: any = {};\r\n\r\n SPREAD_PROP_SPECIFICITY_ORDER.forEach((prop) => {\r\n if (prop in flattenedDefaultProps) {\r\n const val = incomingProps[prop] \|\| flattenedDefaultProps[prop];\r\n if (!FINAL_SPREAD_PROPS.includes(prop)) {\r\n delete flattenedDefaultProps[prop];\r\n specificity[prop] = incomingSpecifity[prop];\r\n }\r\n\r\n SPREAD_PROP_SPECIFICITY_MAP[prop].forEach((newProp: string) => {\r\n if (compareSpecificity(specificity[newProp], specificity[prop])) {\r\n specificity[newProp] = incomingSpecifity[prop];\r\n flattenedDefaultProps[newProp] = val;\r\n }\r\n });\r\n }\r\n });\r\n\r\n return merge({}, flattenedDefaultProps);\r\n}\r\n\r\n/*\r\n @summary Combines provided porps with component's theme props and resloves them.\r\n * @arg {string} component - Name of the component.\r\n * @arg {object} incomingProps - Props passed by the user.\r\n * @arg {object} state - dependent states.\r\n * @arg {object} config - configuration for resolution. Accepts key like ignoreProps, resolveResponsively.\r\n * @returns {object} Resolved and flattened props.\r\n */\r\nexport function usePropsResolutionTest(\r\n component: string,\r\n incomingProps: any,\r\n state?: any,\r\n config?: any\r\n) {\r\n const [ignoredProps, cleanIncomingProps] = extractInObject(\r\n incomingProps,\r\n ['children', 'onPress', 'icon', 'onOpen', 'onClose'].concat(\r\n config?.ignoreProps \|\| []\r\n )\r\n );\r\n const resolveResponsively = [\r\n 'colorScheme',\r\n 'size',\r\n 'variant',\r\n ...(config?.resolveResponsively \|\| []),\r\n ];\r\n\r\n const { theme } = useNativeBase();\r\n const colorModeProps = useColorMode();\r\n\r\n const componentTheme = get(theme, `components.${component}`, {});\r\n\r\n // STEP 1: combine default props and incoming props\r\n\r\n const incomingWithDefaultProps = merge(\r\n {},\r\n componentTheme.defaultProps \|\| {},\r\n cleanIncomingProps\r\n );\r\n // STEP 2: flatten them\r\n\r\n let [flattenProps, specificityMap] = propsFlattener(\r\n {\r\n props: incomingWithDefaultProps,\r\n platform: Platform.OS,\r\n colormode: colorModeProps.colorMode,\r\n state: state \|\| {},\r\n previouslyFlattenProps: {},\r\n },\r\n 2\r\n );\r\n\r\n // STEP 2.5: resolving responsive props\r\n const responsiveProps = {};\r\n resolveResponsively.map((propsName) => {\r\n if (flattenProps[propsName]) {\r\n // @ts-ignore\r\n responsiveProps[propsName] = flattenProps[propsName];\r\n }\r\n });\r\n\r\n const responsivelyResolvedProps = useBreakpointResolvedProps(responsiveProps);\r\n\r\n flattenProps = {\r\n ...flattenProps,\r\n ...responsivelyResolvedProps,\r\n };\r\n // STEP 3: Pass it to baseStyle, then variant and then size and resolve them.\r\n\r\n // NOTE: Resoloving baseStyle\r\n let componentBaseStyle = {},\r\n flattenBaseStyle,\r\n baseSpecificityMap;\r\n if (componentTheme.baseStyle) {\r\n componentBaseStyle =\r\n typeof componentTheme.baseStyle !== 'function'\r\n ? componentTheme.baseStyle\r\n : componentTheme.baseStyle({\r\n theme,\r\n ...flattenProps,\r\n ...colorModeProps,\r\n });\r\n\r\n [flattenBaseStyle, baseSpecificityMap] = propsFlattener(\r\n {\r\n props: componentBaseStyle,\r\n platform: Platform.OS,\r\n colormode: colorModeProps.colorMode,\r\n state: state \|\| {},\r\n currentSpecificityMap: specificityMap,\r\n previouslyFlattenProps: flattenProps,\r\n },\r\n 1\r\n );\r\n }\r\n\r\n // NOTE: Resolving variants\r\n\r\n const variant = flattenProps.variant;\r\n\r\n let componentVariantProps = {},\r\n flattenVariantStyle,\r\n variantSpecificityMap;\r\n // Extracting props from variant\r\n if (variant && componentTheme.variants && componentTheme.variants[variant]) {\r\n componentVariantProps =\r\n typeof componentTheme.variants[variant] !== 'function'\r\n ? componentTheme.variants[variant]\r\n : componentTheme.variants[variant]({\r\n theme,\r\n ...flattenProps,\r\n ...colorModeProps,\r\n });\r\n\r\n [flattenVariantStyle, variantSpecificityMap] = propsFlattener(\r\n {\r\n props: componentVariantProps,\r\n platform: Platform.OS,\r\n colormode: colorModeProps.colorMode,\r\n state: state \|\| {},\r\n currentSpecificityMap: baseSpecificityMap \|\| specificityMap,\r\n // NOTE: Ideally flattenBaseStyle and flattenProps should be deeply merged to create previouslyFlattenProps.\r\n previouslyFlattenProps: flattenProps,\r\n },\r\n 1\r\n );\r\n\r\n // We remove variant from original props if we found it in the componentTheme\r\n //@ts-ignore\r\n flattenProps.variant = undefined;\r\n }\r\n\r\n // NOTE: Resolving size\r\n\r\n const size = flattenProps.size;\r\n\r\n let componentSizeProps = {},\r\n flattenSizeStyle,\r\n sizeSpecificityMap;\r\n // Extracting props from size\r\n if (size && componentTheme.sizes && componentTheme.sizes[size]) {\r\n // Type - sizes: {lg: 1}. Refer icon theme\r\n if (\r\n typeof componentTheme.sizes[size] === 'string' \|\|\r\n typeof componentTheme.sizes[size] === 'number'\r\n ) {\r\n flattenProps.size = componentTheme.sizes[size];\r\n //@ts-ignore\r\n // componentSizeProps.size = componentTheme.sizes[size];\r\n }\r\n // Type - sizes: (props) => ({lg: {px: 1}}). Refer heading theme\r\n else if (typeof componentTheme.sizes[size] === 'function') {\r\n flattenProps.size = undefined;\r\n componentSizeProps = componentTheme.sizes[size]({\r\n theme,\r\n ...flattenProps,\r\n ...colorModeProps,\r\n });\r\n }\r\n // Type - sizes: {lg: {px: 1}}. Refer button theme\r\n else {\r\n flattenProps.size = undefined;\r\n componentSizeProps = componentTheme.sizes[size];\r\n }\r\n\r\n [flattenSizeStyle, sizeSpecificityMap] = propsFlattener(\r\n {\r\n props: componentSizeProps,\r\n platform: Platform.OS,\r\n colormode: colorModeProps.colorMode,\r\n state: state \|\| {},\r\n currentSpecificityMap:\r\n variantSpecificityMap \|\| baseSpecificityMap \|\| specificityMap,\r\n previouslyFlattenProps: flattenProps,\r\n },\r\n 1\r\n );\r\n }\r\n\r\n // // STEP 4: merge\r\n const defaultStyles = merge(\r\n {},\r\n flattenBaseStyle,\r\n flattenVariantStyle,\r\n flattenSizeStyle\r\n );\r\n\r\n for (const prop in defaultStyles) {\r\n delete flattenProps[prop];\r\n }\r\n\r\n const defaultSpecificity = merge(\r\n {},\r\n specificityMap,\r\n baseSpecificityMap,\r\n variantSpecificityMap,\r\n sizeSpecificityMap\r\n );\r\n\r\n flattenProps = propsSpreader(\r\n { ...defaultStyles, ...flattenProps },\r\n defaultSpecificity\r\n );\r\n\r\n // // STEP 5: linear Grad and contrastText\r\n let ignore: any = [];\r\n if (\r\n flattenProps.bg?.linearGradient \|\|\r\n flattenProps.background?.linearGradient \|\|\r\n flattenProps.bgColor?.linearGradient \|\|\r\n flattenProps.backgroundColor?.linearGradient\r\n ) {\r\n let bgProp = 'bg';\r\n if (flattenProps.background?.linearGradient) {\r\n bgProp = 'background';\r\n } else if (flattenProps.bgColor?.linearGradient) {\r\n bgProp = 'bgColor';\r\n } else if (flattenProps.backgroundColor?.linearGradient) {\r\n bgProp = 'backgroundColor';\r\n }\r\n flattenProps[bgProp].linearGradient.colors = flattenProps[\r\n bgProp\r\n ].linearGradient.colors.map((color: string) => {\r\n return get(theme.colors, color, color);\r\n });\r\n ignore = ['bg', 'background', 'backgroundColor', 'bgColor'];\r\n }\r\n // // NOTE: seprating bg props when linearGardiant is available\r\n const [gradientProps] = extractInObject(flattenProps, ignore);\r\n\r\n const bgColor =\r\n flattenProps.bg ?? flattenProps.backgroundColor ?? flattenProps.bgColor;\r\n\r\n const contrastTextColor = useContrastText(\r\n bgColor,\r\n flattenProps?._text?.color\r\n );\r\n\r\n flattenProps._text =\r\n contrastTextColor && flattenProps?._text?.color === undefined\r\n ? {\r\n color: contrastTextColor,\r\n ...flattenProps._text,\r\n }\r\n : flattenProps._text;\r\n\r\n const resolvedProps = omitUndefined({\r\n ...flattenProps,\r\n ...ignoredProps,\r\n ...gradientProps,\r\n });\r\n // STEP 6: Return\r\n\r\n // flattenProps = {};\r\n // propertyDepth = {};\r\n\r\n return resolvedProps;\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/lib/module/hooks/useThemeProps/usePropsWithComponentTheme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["usePropsWithComponentTheme.ts"],"~~names":["usePropsResolutionWithComponentTheme","usePropsWithComponentTheme","localTheme","propsReceived","_state"],"~~mappings~~":"~~AAAA,SAASA,oCAAT,QAAqD,sBAArD;AAIA,OAAO,SAASC,0BAAT,CACLC,UADK,EAELC,aAFK,EAGLC,MAHK,EAIL;AACA,SAAOJ,oCAAoC,CACzCE,UADyC,EAEzCC,aAFyC,EAGzCC,MAHyC,CAA3C;AAKD~~","sourcesContent":["import { usePropsResolutionWithComponentTheme } from './usePropsResolution';\r\nimport type { ComponentTheme } from '../../theme';\r\nimport type { IStateProps } from './propsFlattener';\r\n\r\nexport function usePropsWithComponentTheme(\r\n localTheme: ComponentTheme,\r\n propsReceived: any,\r\n _state?: IStateProps\r\n) {\r\n return usePropsResolutionWithComponentTheme(\r\n localTheme,\r\n propsReceived,\r\n _state\r\n );\r\n}\r\n"]}
1	+ {"version":3,"names":["usePropsResolutionWithComponentTheme","usePropsWithComponentTheme","localTheme","propsReceived","_state"],"sources":["usePropsWithComponentTheme.ts"],"sourcesContent":["import { usePropsResolutionWithComponentTheme } from './usePropsResolution';\r\nimport type { ComponentTheme } from '../../theme';\r\nimport type { IStateProps } from './propsFlattener';\r\n\r\nexport function usePropsWithComponentTheme(\r\n localTheme: ComponentTheme,\r\n propsReceived: any,\r\n _state?: IStateProps\r\n) {\r\n return usePropsResolutionWithComponentTheme(\r\n localTheme,\r\n propsReceived,\r\n _state\r\n );\r\n}\r\n"],"mappings":"AAAA,SAASA,oCAAoC,QAAQ,sBAAsB;AAI3E,OAAO,SAASC,0BAA0BA,CACxCC,UAA0B,EAC1BC,aAAkB,EAClBC,MAAoB,EACpB;EACA,OAAOJ,oCAAoC,CACzCE,UAAU,EACVC,aAAa,EACbC,MACF,CAAC;AACH","ignoreList":[]}

package/lib/module/hooks/useThemeProps/utils.js CHANGED Viewed

@@ -5,10 +5,10 @@ import cloneDeep from 'lodash.clonedeep';
 import { themePropertyMap } from './../../theme/base';
 import { getClosestBreakpoint, findLastValidBreakpoint, hasValidBreakpointFormat, extractInObject } from './../../theme/tools';
 import { useContrastText } from '../useContrastText';
 /*
  Extract props from theme props and omit those from props
 */
 /**
  *
  * @param props Props passed by the user
@@ -18,26 +18,23 @@ import { useContrastText } from '../useContrastText';
  * @param currentBreakpoint Current breakpoint values
  * @returns Extracting props from defaultProps while overriding the props that are already present
  */
 export function extractProps(props, theme, {}, componentTheme, currentBreakpoint) {
   let newProps = {};
   for (let property in props) {
     // If the property exists in themePropertyMap then get its value
     if (themePropertyMap[property]) {
       let propValues = extractPropertyFromFunction(property, props, theme, componentTheme);
       if (typeof propValues === 'string' || typeof propValues === 'number') {
         newProps[property] = propValues;
       } else if (!isNil(propValues)) {
         for (let nestedProp in propValues) {
-          newProps[nestedProp] = get(theme, "".concat(themePropertyMap[nestedProp], ".").concat(propValues[nestedProp]), propValues[nestedProp]);
+          newProps[nestedProp] = get(theme, `${themePropertyMap[nestedProp]}.${propValues[nestedProp]}`, propValues[nestedProp]);
         }
       } else if (property === 'shadow') {
         let shadowProps = theme[themePropertyMap[property]][props[property]];
         if (!isNil(shadowProps)) {
-          newProps = { ...newProps,
+          newProps = {
+            ...newProps,
             ...shadowProps
           };
         }
@@ -48,17 +45,17 @@ export function extractProps(props, theme, {}, componentTheme, currentBreakpoint
       newProps[property] = resolveValueWithBreakpoint(props[property], theme.breakpoints, currentBreakpoint, property);
     }
   }
   return cloneDeep(newProps);
 }
 /*
 Remove props from defaultProps that are already present in props
 */
 function filterDefaultProps(props, defaultProps) {
   let [, resultProps] = extractInObject(defaultProps, Object.keys(props));
   return resultProps;
 }
 /**
  * If property is functional in componentTheme, get its returned object
  *
@@ -68,55 +65,53 @@ function filterDefaultProps(props, defaultProps) {
  * @param componentTheme : component specific theme
  * @returns
  */
 export const extractPropertyFromFunction = (property, props, theme, componentTheme) => {
-  let propValues; // Check if the entry in the theme is a function then calling it with all theme and props as params
+  let propValues;
+  // Check if the entry in the theme is a function then calling it with all theme and props as params
   if (componentTheme && typeof componentTheme[themePropertyMap[property]] === 'function') {
     let funcProps = componentTheme[themePropertyMap[property]]({
       theme,
       ...props
-    }); // Check if returned object from componentTheme is a nested object
+    });
+    // Check if returned object from componentTheme is a nested object
     let isNested = Object.keys(funcProps).some(function (key) {
       return funcProps[key] && typeof funcProps[key] === 'object';
-    }); // If the returned value is nested object then find the property value in it, otherwise return the whole object
-    propValues = isNested ? { ...get(funcProps, "".concat(props[property]))
-    } : { ...funcProps
+    });
+    // If the returned value is nested object then find the property value in it, otherwise return the whole object
+    propValues = isNested ? {
+      ...get(funcProps, `${props[property]}`)
+    } : {
+      ...funcProps
     };
   } else {
     // If the entry is any value other than function then return the whole object or value
-    propValues = get(componentTheme, "".concat(themePropertyMap[property], ".").concat(props[property]));
+    propValues = get(componentTheme, `${themePropertyMap[property]}.${props[property]}`);
   }
   return propValues;
 };
 /*
 Merge _props and apply contrastText color if not passed by theme or user
 */
 export function mergeUnderscoreProps(newProps, props) {
   const _props = Object.keys(newProps).filter(propName => propName.startsWith('_'));
   _props.forEach(propName => {
     var _newProps$bg, _newProps$propName$co, _newProps$propName, _props$propName;
     // Adding color based on bg contrast if no color is given
     const bg = (_newProps$bg = newProps.bg) !== null && _newProps$bg !== void 0 ? _newProps$bg : newProps.backgroundColor;
     const textColor = bg ? {
       color: useContrastText(bg, (_newProps$propName$co = (_newProps$propName = newProps[propName]) === null || _newProps$propName === void 0 ? void 0 : _newProps$propName.color) !== null && _newProps$propName$co !== void 0 ? _newProps$propName$co : (_props$propName = props[propName]) === null || _props$propName === void 0 ? void 0 : _props$propName.color)
-    } : {}; // Overriding calculated props with user added props
-    newProps[propName] = { ...textColor,
+    } : {};
+    // Overriding calculated props with user added props
+    newProps[propName] = {
+      ...textColor,
       ...newProps[propName],
       ...props[propName]
     };
   });
   return newProps;
 }
 /**
  *
  * Checks the property and resolves it if it has breakpoints
@@ -125,7 +120,6 @@ export function mergeUnderscoreProps(newProps, props) {
  * @param property : property name
  * @returns
  */
 export const resolveValueWithBreakpoint = (values, breakpointTheme, currentBreakpoint, property) => {
   if (hasValidBreakpointFormat(values, breakpointTheme, property)) {
     // Check the last valid breakpoint value from all values
@@ -135,6 +129,7 @@ export const resolveValueWithBreakpoint = (values, breakpointTheme, currentBreak
     return values;
   }
 };
 /**
  * Takes all prop related data and returns the props that needs to be applied to the component
  *
@@ -145,45 +140,44 @@ export const resolveValueWithBreakpoint = (values, breakpointTheme, currentBreak
  * @param windowWidth Width of the current window
  * @returns props to be applied
  */
 export function calculateProps(theme, colorModeProps, componentTheme, props, windowWidth) {
   let currentBreakpoint = getClosestBreakpoint(theme.breakpoints, windowWidth);
   if (!props) {
     props = {};
   }
   let newProps;
   if (componentTheme) {
     // Extracting props from defaultProps
-    newProps = extractProps(filterDefaultProps(props, componentTheme.defaultProps), theme, colorModeProps, componentTheme, currentBreakpoint); // Extracting props from base style
+    newProps = extractProps(filterDefaultProps(props, componentTheme.defaultProps), theme, colorModeProps, componentTheme, currentBreakpoint);
+    // Extracting props from base style
     let componentBaseStyle = typeof componentTheme.baseStyle !== 'function' ? componentTheme.baseStyle : componentTheme.baseStyle({
       theme,
       ...newProps,
       ...props,
       ...colorModeProps
     });
-    newProps = mergeWith(newProps, componentBaseStyle, // @ts-ignore
+    newProps = mergeWith(newProps, componentBaseStyle,
+    // @ts-ignore
     (objValue, srcValue, key) => {
       if (!isNil(objValue)) {
         delete newProps[key];
       }
     });
-    const variant = props.variant || get(componentTheme, 'defaultProps.variant'); // Extracting props from variant
+    const variant = props.variant || get(componentTheme, 'defaultProps.variant');
+    // Extracting props from variant
     if (variant && componentTheme.variants && componentTheme.variants[variant]) {
       const colorScheme = props.colorScheme || get(componentTheme, 'defaultProps.colorScheme');
-      let variantProps = componentTheme.variants[variant]({ ...props,
+      let variantProps = componentTheme.variants[variant]({
+        ...props,
         ...newProps,
         colorScheme,
         theme,
         ...colorModeProps
       });
-      variantProps = extractProps(variantProps, theme, colorModeProps, componentTheme, currentBreakpoint); // added this to handle order of props
-      newProps = mergeWith(newProps, variantProps, // @ts-ignore
+      variantProps = extractProps(variantProps, theme, colorModeProps, componentTheme, currentBreakpoint);
+      // added this to handle order of props
+      newProps = mergeWith(newProps, variantProps,
+      // @ts-ignore
       (objValue, srcValue, key) => {
         if (!isNil(objValue)) {
           delete newProps[key];
@@ -192,12 +186,11 @@ export function calculateProps(theme, colorModeProps, componentTheme, props, win
       delete newProps.variant;
       delete newProps.colorScheme;
     }
-  } // Extracting props from normal props
-  let extractedProps = extractProps(props, theme, colorModeProps, componentTheme, currentBreakpoint); // added this to handle order of props
+  }
+  // Extracting props from normal props
+  let extractedProps = extractProps(props, theme, colorModeProps, componentTheme, currentBreakpoint);
+  // added this to handle order of props
   // @ts-ignore
   newProps = mergeWith(newProps, extractedProps, (objValue, srcValue, key) => {
     if (!isNil(objValue)) {
       delete newProps[key];