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

package/lib/commonjs/hooks/useThemeProps/useProps.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useThemeProps = useThemeProps;
-
 var _lodash = _interopRequireDefault(require("lodash.get"));
-
 var _lodash2 = _interopRequireDefault(require("lodash.omit"));
-
 var _reactNative = require("react-native");
-
 var _useNativeBase = require("./../useNativeBase");
-
 var _tools = require("./../../theme/tools/");
-
 var _filterShadowProps = require("./../../utils/filterShadowProps");
-
 var _utils = require("./utils");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const filterAndCalculateProps = (theme, colorModeProps, componentTheme, propsReceived, windowWidth) => {
   // Extracting out children and style, as they do not contribute in props calculation
   // This is done as these props are passed as it is later in the development
@@ -30,19 +21,19 @@ const filterAndCalculateProps = (theme, colorModeProps, componentTheme, propsRec
   let mergedProps = (0, _filterShadowProps.filterShadowProps)(newProps, ignoredProps, _reactNative.Platform.OS);
   return (0, _tools.omitUndefined)(mergedProps);
 };
-
 function useThemeProps(component, propsReceived) {
   var _useWindowDimensions;
-
   const {
     theme,
     ...colorModeProps
-  } = (0, _useNativeBase.useNativeBase)(); // console.log('THEME = ', theme);
-
-  const componentTheme = (0, _lodash.default)(theme, "components.".concat(component)); // console.log('COMPONENT THEME = ', componentTheme);
+  } = (0, _useNativeBase.useNativeBase)();
+  // console.log('THEME = ', theme);
 
-  const windowWidth = (_useWindowDimensions = (0, _reactNative.useWindowDimensions)()) === null || _useWindowDimensions === void 0 ? void 0 : _useWindowDimensions.width; // To pass the component theme props and component props seperately
+  const componentTheme = (0, _lodash.default)(theme, `components.${component}`);
+  // console.log('COMPONENT THEME = ', componentTheme);
+  const windowWidth = (_useWindowDimensions = (0, _reactNative.useWindowDimensions)()) === null || _useWindowDimensions === void 0 ? void 0 : _useWindowDimensions.width;
 
+  // To pass the component theme props and component props seperately
   return filterAndCalculateProps((0, _lodash2.default)(theme, ['components']), colorModeProps, componentTheme, propsReceived, windowWidth);
 }
 //# sourceMappingURL=useProps.js.map

package/lib/commonjs/hooks/useThemeProps/useProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useProps.tsx"],"names":["filterAndCalculateProps","theme","colorModeProps","componentTheme","propsReceived","windowWidth","ignoredProps","props","newProps","mergedProps","Platform","OS","useThemeProps","component","width"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,uBAAuB,GAAG,CAC9BC,KAD8B,EAE9BC,cAF8B,EAG9BC,cAH8B,EAI9BC,aAJ8B,EAK9BC,WAL8B,KAM3B;AACH;AACA;AACA;AACA,MAAI,CAACC,YAAD,EAAeC,KAAf,IAAwB,4BAAgBH,aAAhB,EAA+B,CACzD,UADyD,EAEzD,OAFyD,EAGzD,SAHyD,EAIzD,MAJyD,EAKzD,QALyD,EAMzD,SANyD,CAA/B,CAA5B;AAQA,MAAII,QAAQ,GAAG,2BACbP,KADa,EAEbC,cAFa,EAGbC,cAHa,EAIbI,KAJa,EAKbF,WALa,CAAf;AAOA,MAAII,WAAW,GAAG,0CAAkBD,QAAlB,EAA4BF,YAA5B,EAA0CI,sBAASC,EAAnD,CAAlB;AACA,SAAO,0BAAcF,WAAd,CAAP;AACD,CA3BD;;AA6BO,SAASG,aAAT,CAAuBC,SAAvB,EAA0CT,aAA1C,EAA8D;AAAA;;AACnE,QAAM;AAAEH,IAAAA,KAAF;AAAS,OAAGC;AAAZ,MAA+B,mCAArC,CADmE,CAEnE;;AAEA,QAAMC,cAAc,GAAG,qBAAIF,KAAJ,uBAAyBY,SAAzB,EAAvB,CAJmE,CAKnE;;AACA,QAAMR,WAAW,2BAAG,uCAAH,yDAAG,qBAAuBS,KAA3C,CANmE,CAQnE;;AACA,SAAOd,uBAAuB,CAC5B,sBAAKC,KAAL,EAAY,CAAC,YAAD,CAAZ,CAD4B,EAE5BC,cAF4B,EAG5BC,cAH4B,EAI5BC,aAJ4B,EAK5BC,WAL4B,CAA9B;AAOD","sourcesContent":["import get from 'lodash.get';\r\nimport omit from 'lodash.omit';\r\nimport { useWindowDimensions, Platform } from 'react-native';\r\nimport { useNativeBase } from './../useNativeBase';\r\nimport { omitUndefined, extractInObject } from './../../theme/tools/';\r\nimport { filterShadowProps } from './../../utils/filterShadowProps';\r\nimport { calculateProps } from './utils';\r\n\r\nconst filterAndCalculateProps = (\r\n  theme: any,\r\n  colorModeProps: any,\r\n  componentTheme: any,\r\n  propsReceived: any,\r\n  windowWidth: any\r\n) => {\r\n  // Extracting out children and style, as they do not contribute in props calculation\r\n  // This is done as these props are passed as it is later in the development\r\n  // Required as some of these will trigger cyclic computation which may lead to error\r\n  let [ignoredProps, props] = extractInObject(propsReceived, [\r\n    'children',\r\n    'style',\r\n    'onPress',\r\n    'icon',\r\n    'onOpen',\r\n    'onClose',\r\n  ]);\r\n  let newProps = calculateProps(\r\n    theme,\r\n    colorModeProps,\r\n    componentTheme,\r\n    props,\r\n    windowWidth\r\n  );\r\n  let mergedProps = filterShadowProps(newProps, ignoredProps, Platform.OS);\r\n  return omitUndefined(mergedProps);\r\n};\r\n\r\nexport function useThemeProps(component: string, propsReceived: any) {\r\n  const { theme, ...colorModeProps } = useNativeBase();\r\n  // console.log('THEME = ', theme);\r\n\r\n  const componentTheme = get(theme, `components.${component}`);\r\n  // console.log('COMPONENT THEME = ', componentTheme);\r\n  const windowWidth = useWindowDimensions()?.width;\r\n\r\n  // To pass the component theme props and component props seperately\r\n  return filterAndCalculateProps(\r\n    omit(theme, ['components']),\r\n    colorModeProps,\r\n    componentTheme,\r\n    propsReceived,\r\n    windowWidth\r\n  );\r\n}\r\n"]}
+{"version":3,"names":["_lodash","_interopRequireDefault","require","_lodash2","_reactNative","_useNativeBase","_tools","_filterShadowProps","_utils","e","__esModule","default","filterAndCalculateProps","theme","colorModeProps","componentTheme","propsReceived","windowWidth","ignoredProps","props","extractInObject","newProps","calculateProps","mergedProps","filterShadowProps","Platform","OS","omitUndefined","useThemeProps","component","_useWindowDimensions","useNativeBase","get","useWindowDimensions","width","omit"],"sources":["useProps.tsx"],"sourcesContent":["import get from 'lodash.get';\r\nimport omit from 'lodash.omit';\r\nimport { useWindowDimensions, Platform } from 'react-native';\r\nimport { useNativeBase } from './../useNativeBase';\r\nimport { omitUndefined, extractInObject } from './../../theme/tools/';\r\nimport { filterShadowProps } from './../../utils/filterShadowProps';\r\nimport { calculateProps } from './utils';\r\n\r\nconst filterAndCalculateProps = (\r\n  theme: any,\r\n  colorModeProps: any,\r\n  componentTheme: any,\r\n  propsReceived: any,\r\n  windowWidth: any\r\n) => {\r\n  // Extracting out children and style, as they do not contribute in props calculation\r\n  // This is done as these props are passed as it is later in the development\r\n  // Required as some of these will trigger cyclic computation which may lead to error\r\n  let [ignoredProps, props] = extractInObject(propsReceived, [\r\n    'children',\r\n    'style',\r\n    'onPress',\r\n    'icon',\r\n    'onOpen',\r\n    'onClose',\r\n  ]);\r\n  let newProps = calculateProps(\r\n    theme,\r\n    colorModeProps,\r\n    componentTheme,\r\n    props,\r\n    windowWidth\r\n  );\r\n  let mergedProps = filterShadowProps(newProps, ignoredProps, Platform.OS);\r\n  return omitUndefined(mergedProps);\r\n};\r\n\r\nexport function useThemeProps(component: string, propsReceived: any) {\r\n  const { theme, ...colorModeProps } = useNativeBase();\r\n  // console.log('THEME = ', theme);\r\n\r\n  const componentTheme = get(theme, `components.${component}`);\r\n  // console.log('COMPONENT THEME = ', componentTheme);\r\n  const windowWidth = useWindowDimensions()?.width;\r\n\r\n  // To pass the component theme props and component props seperately\r\n  return filterAndCalculateProps(\r\n    omit(theme, ['components']),\r\n    colorModeProps,\r\n    componentTheme,\r\n    propsReceived,\r\n    windowWidth\r\n  );\r\n}\r\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAAyC,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEzC,MAAMG,uBAAuB,GAAGA,CAC9BC,KAAU,EACVC,cAAmB,EACnBC,cAAmB,EACnBC,aAAkB,EAClBC,WAAgB,KACb;EACH;EACA;EACA;EACA,IAAI,CAACC,YAAY,EAAEC,KAAK,CAAC,GAAG,IAAAC,sBAAe,EAACJ,aAAa,EAAE,CACzD,UAAU,EACV,OAAO,EACP,SAAS,EACT,MAAM,EACN,QAAQ,EACR,SAAS,CACV,CAAC;EACF,IAAIK,QAAQ,GAAG,IAAAC,qBAAc,EAC3BT,KAAK,EACLC,cAAc,EACdC,cAAc,EACdI,KAAK,EACLF,WACF,CAAC;EACD,IAAIM,WAAW,GAAG,IAAAC,oCAAiB,EAACH,QAAQ,EAAEH,YAAY,EAAEO,qBAAQ,CAACC,EAAE,CAAC;EACxE,OAAO,IAAAC,oBAAa,EAACJ,WAAW,CAAC;AACnC,CAAC;AAEM,SAASK,aAAaA,CAACC,SAAiB,EAAEb,aAAkB,EAAE;EAAA,IAAAc,oBAAA;EACnE,MAAM;IAAEjB,KAAK;IAAE,GAAGC;EAAe,CAAC,GAAG,IAAAiB,4BAAa,EAAC,CAAC;EACpD;;EAEA,MAAMhB,cAAc,GAAG,IAAAiB,eAAG,EAACnB,KAAK,EAAE,cAAcgB,SAAS,EAAE,CAAC;EAC5D;EACA,MAAMZ,WAAW,IAAAa,oBAAA,GAAG,IAAAG,gCAAmB,EAAC,CAAC,cAAAH,oBAAA,uBAArBA,oBAAA,CAAuBI,KAAK;;EAEhD;EACA,OAAOtB,uBAAuB,CAC5B,IAAAuB,gBAAI,EAACtB,KAAK,EAAE,CAAC,YAAY,CAAC,CAAC,EAC3BC,cAAc,EACdC,cAAc,EACdC,aAAa,EACbC,WACF,CAAC;AACH","ignoreList":[]}

package/lib/commonjs/hooks/useThemeProps/usePropsResolution.js

@@ -5,33 +5,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.usePropsResolution = usePropsResolution;
 exports.usePropsResolutionWithComponentTheme = void 0;
-
 var _lodash = _interopRequireDefault(require("lodash.get"));
-
 var _lodash2 = _interopRequireDefault(require("lodash.merge"));
-
 var _lodash3 = _interopRequireDefault(require("lodash.isempty"));
-
 var _reactNative = require("react-native");
-
 var _useNativeBase = require("../useNativeBase");
-
 var _colorMode = require("../../core/color-mode");
-
 var _tools = require("../../theme/tools");
-
 var _useBreakpointResolvedProps = require("../useBreakpointResolvedProps");
-
 var _propsFlattener = require("./propsFlattener");
-
 var _useResponsiveSSRProps = require("../useResponsiveSSRProps");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _ResponsiveQueryProvider = require("../../utils/useResponsiveQuery/ResponsiveQueryProvider");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const SPREAD_PROP_SPECIFICITY_ORDER = ['p', 'padding', 'px', 'py', 'pt', 'pb', 'pl', 'pr', 'paddingTop', 'paddingBottom', 'paddingLeft', 'paddingRight', 'm', 'margin', 'mx', 'my', 'mt', 'mb', 'ml', 'mr', 'marginTop', 'marginBottom', 'marginLeft', 'marginRight'];
 const FINAL_SPREAD_PROPS = ['paddingTop', 'paddingBottom', 'paddingLeft', 'paddingRight', 'marginTop', 'marginBottom', 'marginLeft', 'marginRight'];
 const MARGIN_MAP = {
@@ -62,23 +48,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 ((0, _propsFlattener.compareSpecificity)(specificity[newProp], specificity[prop])) {
           specificity[newProp] = incomingSpecifity[prop];
@@ -89,6 +74,7 @@ function propsSpreader(incomingProps, incomingSpecifity) {
   });
   return (0, _lodash2.default)({}, flattenedDefaultProps);
 }
+
 /**
  * @summary Combines provided porps with component's theme props and resloves them.
  * @arg {string} component - Name of the component.
@@ -97,54 +83,41 @@ function propsSpreader(incomingProps, incomingSpecifity) {
  * @arg {object} config - configuration for resolution. Accepts key like ignoreProps, resolveResponsively.
  * @returns {object} Resolved and flattened props.
  */
-
-
 function usePropsResolution(component, incomingProps, state, config) {
   var _config$componentThem;
-
   const {
     theme
   } = (0, _useNativeBase.useNativeBase)();
-  const componentTheme = (_config$componentThem = config === null || config === void 0 ? void 0 : config.componentTheme) !== null && _config$componentThem !== void 0 ? _config$componentThem : (0, _lodash.default)(theme, "components.".concat(component), {});
-
+  const componentTheme = (_config$componentThem = config === null || config === void 0 ? void 0 : config.componentTheme) !== null && _config$componentThem !== void 0 ? _config$componentThem : (0, _lodash.default)(theme, `components.${component}`, {});
   if (process.env.NODE_ENV === 'development' && incomingProps.debug) {
     /* eslint-disable-next-line */
-    console.log("%c".concat(component), 'background: #d97706; color: #111; font-weight: 700; padding: 2px 8px;');
+    console.log(`%c${component}`, 'background: #d97706; color: #111; font-weight: 700; padding: 2px 8px;');
     /* eslint-disable-next-line */
-
-    console.log("%cusePropsResolution", 'background: #4b5563; color: #d97706; font-weight: 700; padding: 2px 8px;');
+    console.log(`%cusePropsResolution`, 'background: #4b5563; color: #d97706; font-weight: 700; padding: 2px 8px;');
     /* eslint-disable-next-line */
-
     console.log('%c incomingProps: ', 'color: #4ade80; font-weight: 700;', incomingProps);
     /* eslint-disable-next-line */
-
     console.log('%c state: ', 'color: #4ade80; font-weight: 700;', state);
     /* eslint-disable-next-line */
-
     console.log('%c componentTheme: ', 'color: #4ade80; font-weight: 700;', componentTheme);
   }
+  const resolvedProps = usePropsResolutionWithComponentTheme(componentTheme, incomingProps, state, config);
 
-  const resolvedProps = usePropsResolutionWithComponentTheme(componentTheme, incomingProps, state, config); // Not Resolve theme props and pseudo props
-
+  // Not Resolve theme props and pseudo props
   if (incomingProps !== null && incomingProps !== void 0 && incomingProps.INTERNAL_notResolveThemeAndPseudoProps) {
     delete incomingProps.INTERNAL_notResolveThemeAndPseudoProps;
     return incomingProps;
   }
-
   if (process.env.NODE_ENV === 'development' && incomingProps.debug) {
     /* eslint-disable-next-line */
     console.log('%c resolvedProps: ', 'color: #22d3ee; font-weight: 700;', resolvedProps);
   }
-
   return resolvedProps;
 }
-
 const usePropsResolutionWithComponentTheme = (componentTheme, incomingProps, state, config) => {
   const modifiedPropsForSSR = (0, _useResponsiveSSRProps.useResponsiveSSRProps)(incomingProps);
   const [ignoredProps, cleanIncomingProps] = (0, _tools.extractInObject)(modifiedPropsForSSR, ['children', 'onPress', 'icon', 'onOpen', 'onClose'].concat((config === null || config === void 0 ? void 0 : config.ignoreProps) || []));
-
   const responsiveQueryContext = _react.default.useContext(_ResponsiveQueryProvider.ResponsiveQueryContext);
-
   const disableCSSMediaQueries = responsiveQueryContext.disableCSSMediaQueries;
   const resolveResponsively = ['colorScheme', 'size', 'variant', ...((config === null || config === void 0 ? void 0 : config.resolveResponsively) || [])];
   const {
@@ -152,15 +125,12 @@ const usePropsResolutionWithComponentTheme = (componentTheme, incomingProps, sta
   } = (0, _useNativeBase.useNativeBase)();
   const colorModeProps = (0, _colorMode.useColorMode)();
   const extendedTheme = [];
-
   if (config !== null && config !== void 0 && config.extendTheme) {
-    config === null || config === void 0 ? void 0 : config.extendTheme.map(componentName => {
-      extendedTheme.push((0, _lodash.default)(theme, "components.".concat(componentName), {}));
+    config === null || config === void 0 || config.extendTheme.map(componentName => {
+      extendedTheme.push((0, _lodash.default)(theme, `components.${componentName}`, {}));
     });
   }
-
   if (!(0, _lodash3.default)(componentTheme)) extendedTheme.push(componentTheme);
-
   const resolveComponentTheme = (themeType, providedTheme) => {
     try {
       if (themeType[1]) {
@@ -180,10 +150,10 @@ const usePropsResolutionWithComponentTheme = (componentTheme, incomingProps, sta
       return {};
     }
   };
-
   const callPropsFlattener = (targetProps = {}, latestSpecifictyMap = {}, specificity = 1) => {
     return (0, _propsFlattener.propsFlattener)({
-      props: process.env.NODE_ENV === 'development' && cleanIncomingProps.debug ? { ...targetProps,
+      props: process.env.NODE_ENV === 'development' && cleanIncomingProps.debug ? {
+        ...targetProps,
         debug: true
       } : targetProps,
       platform: _reactNative.Platform.OS,
@@ -193,51 +163,53 @@ const usePropsResolutionWithComponentTheme = (componentTheme, incomingProps, sta
       previouslyFlattenProps: flattenProps || {},
       cascadePseudoProps: config === null || config === void 0 ? void 0 : config.cascadePseudoProps
     }, specificity);
-  }; // STEP 1: combine default props and incoming props
+  };
 
+  // STEP 1: combine default props and incoming props
 
-  const incomingWithDefaultProps = (0, _lodash2.default)({}, componentTheme.defaultProps || {}, cleanIncomingProps); // STEP 1.5: resolving component theme
+  const incomingWithDefaultProps = (0, _lodash2.default)({}, componentTheme.defaultProps || {}, cleanIncomingProps);
 
+  // STEP 1.5: resolving component theme
   let combinedBaseStyle = {};
   let combinedVariantStyle = {};
   let combinedSizeStyle = {};
   extendedTheme.map(extededComponentTheme => {
     if (extededComponentTheme.baseStyle) {
-      combinedBaseStyle = { ...combinedBaseStyle,
+      combinedBaseStyle = {
+        ...combinedBaseStyle,
         ...resolveComponentTheme(['baseStyle'], extededComponentTheme)
       };
     }
-
     if (incomingWithDefaultProps.variant) {
       if (extededComponentTheme.variants) {
-        combinedVariantStyle = { ...combinedVariantStyle,
+        combinedVariantStyle = {
+          ...combinedVariantStyle,
           ...resolveComponentTheme(['variants', incomingWithDefaultProps.variant], extededComponentTheme)
         };
       }
     }
-
     if (incomingWithDefaultProps.size && extededComponentTheme !== null && extededComponentTheme !== void 0 && extededComponentTheme.sizes && extededComponentTheme !== null && extededComponentTheme !== void 0 && extededComponentTheme.sizes[incomingWithDefaultProps.size]) {
       if (typeof extededComponentTheme.sizes[incomingWithDefaultProps.size] === 'string' || typeof extededComponentTheme.sizes[incomingWithDefaultProps.size] === 'number') {
         incomingWithDefaultProps.size = extededComponentTheme.sizes[incomingWithDefaultProps.size];
       } else {
-        combinedSizeStyle = { ...combinedSizeStyle,
+        combinedSizeStyle = {
+          ...combinedSizeStyle,
           ...resolveComponentTheme(['sizes', incomingWithDefaultProps.size], extededComponentTheme)
         };
         incomingWithDefaultProps.size = undefined;
       }
     }
-  }); // STEP 2: flatten them
+  });
 
+  // STEP 2: flatten them
   if (process.env.NODE_ENV === 'development' && cleanIncomingProps.debug) {
     /* eslint-disable-next-line */
-    console.log("%cFlattening incoming and Default", 'background: #4b5563; color: #FFF; font-weight: 700; padding: 2px 8px;');
-  } //TODO: hack
-
-
+    console.log(`%cFlattening incoming and Default`, 'background: #4b5563; color: #FFF; font-weight: 700; padding: 2px 8px;');
+  }
+  //TODO: hack
   let flattenProps, specificityMap;
   [flattenProps, specificityMap] = callPropsFlattener(incomingWithDefaultProps, {}, 2);
   const responsiveProps = {};
-
   if (disableCSSMediaQueries) {
     // STEP 2.5: resolving responsive props
     resolveResponsively.map(propsName => {
@@ -247,94 +219,86 @@ const usePropsResolutionWithComponentTheme = (componentTheme, incomingProps, sta
       }
     });
   }
-
   if (resolveResponsively.includes('direction')) {
     const propName = 'direction';
-
     if (flattenProps[propName]) {
       // @ts-ignore
       responsiveProps[propName] = flattenProps[propName];
     }
   }
-
   const responsivelyResolvedProps = (0, _useBreakpointResolvedProps.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 flattenBaseStyle, baseSpecificityMap;
-
   if (combinedBaseStyle) {
     if (process.env.NODE_ENV === 'development' && cleanIncomingProps.debug) {
       /* eslint-disable-next-line */
-      console.log("%cFlattening baseStyle", 'background: #4b5563; color: #eee; font-weight: 700; padding: 2px 8px;');
+      console.log(`%cFlattening baseStyle`, 'background: #4b5563; color: #eee; font-weight: 700; padding: 2px 8px;');
     }
-
     [flattenBaseStyle, baseSpecificityMap] = callPropsFlattener(combinedBaseStyle, specificityMap);
-  } // NOTE: Resolving variants
-
-
-  let flattenVariantStyle, variantSpecificityMap; // Extracting props from variant
+  }
 
+  // NOTE: Resolving variants
+  let flattenVariantStyle, variantSpecificityMap;
+  // Extracting props from variant
   if (combinedVariantStyle) {
     if (process.env.NODE_ENV === 'development' && cleanIncomingProps.debug) {
       /* eslint-disable-next-line */
-      console.log("%cFlattening variantStyle", 'background: #4b5563; color: #FFF; font-weight: 700; padding: 2px 8px;');
+      console.log(`%cFlattening variantStyle`, 'background: #4b5563; color: #FFF; font-weight: 700; padding: 2px 8px;');
     }
+    [flattenVariantStyle, variantSpecificityMap] = callPropsFlattener(combinedVariantStyle, baseSpecificityMap || specificityMap);
 
-    [flattenVariantStyle, variantSpecificityMap] = callPropsFlattener(combinedVariantStyle, baseSpecificityMap || specificityMap); // We remove variant from original props if we found it in the componentTheme
+    // We remove variant from original props if we found it in the componentTheme
     //@ts-ignore
-
     flattenProps.variant = undefined;
-  } // NOTE: Resolving size
-
+  }
 
-  let flattenSizeStyle, sizeSpecificityMap; // Extracting props from size
+  // NOTE: Resolving size
 
+  let flattenSizeStyle, sizeSpecificityMap;
+  // Extracting props from size
   if (combinedSizeStyle) {
     if (process.env.NODE_ENV === 'development' && cleanIncomingProps.debug) {
       /* eslint-disable-next-line */
-      console.log("%cFlattening sizeStyle", 'background: #4b5563; color: #FFF; font-weight: 700; padding: 2px 8px;');
+      console.log(`%cFlattening sizeStyle`, 'background: #4b5563; color: #FFF; font-weight: 700; padding: 2px 8px;');
     }
-
     [flattenSizeStyle, sizeSpecificityMap] = callPropsFlattener(combinedSizeStyle, variantSpecificityMap || baseSpecificityMap || specificityMap);
-  } // STEP 4: merge
-
+  }
 
+  // STEP 4: merge
   const defaultStyles = (0, _lodash2.default)({}, flattenBaseStyle, flattenVariantStyle, flattenSizeStyle);
-  /*Resolve all the internal used Pseudo Props*/
 
-  const resolvePseudoProps = (flatPseudoProp, baseStylePseudoProp) =>
-  /** Props coming from Pseudo inside defaultStyles(baseStyle) */
-  {
+  /*Resolve all the internal used Pseudo Props*/
+  const resolvePseudoProps = (flatPseudoProp, baseStylePseudoProp) => {
     for (const prop in flatPseudoProp) {
-      baseStylePseudoProp[prop] = flatPseudoProp[prop];
-      /* Replace all the similar prop from from internal props */
+      baseStylePseudoProp[prop] = flatPseudoProp[prop]; /* Replace all the similar prop from from internal props */
     }
-
     return baseStylePseudoProp;
   };
-
   for (const prop in defaultStyles) {
     if (prop.startsWith('_') && flattenProps.hasOwnProperty(prop)) {
       /*Resolve all the internal used Pseudo Props*/
       defaultStyles[prop] = resolvePseudoProps(flattenProps[prop], defaultStyles[prop]);
     }
-
     delete flattenProps[prop];
   }
-
   const defaultSpecificity = (0, _lodash2.default)({}, specificityMap, baseSpecificityMap, variantSpecificityMap, sizeSpecificityMap);
-  flattenProps = propsSpreader({ ...defaultStyles,
+  flattenProps = propsSpreader({
+    ...defaultStyles,
     ...flattenProps
   }, defaultSpecificity);
-  const resolvedProps = (0, _tools.omitUndefined)({ ...flattenProps,
+  const resolvedProps = (0, _tools.omitUndefined)({
+    ...flattenProps,
     ...ignoredProps
-  }); // STEP 5: Return
+  });
 
+  // STEP 5: Return
   return resolvedProps;
 };
-
 exports.usePropsResolutionWithComponentTheme = usePropsResolutionWithComponentTheme;
 //# sourceMappingURL=usePropsResolution.js.map

package/lib/commonjs/hooks/useThemeProps/usePropsResolution.js.map

@@ -1 +1 @@
-{"version":3,"sources":["usePropsResolution.tsx"],"names":["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","usePropsResolution","component","state","config","theme","componentTheme","process","env","NODE_ENV","debug","console","log","resolvedProps","usePropsResolutionWithComponentTheme","INTERNAL_notResolveThemeAndPseudoProps","modifiedPropsForSSR","ignoredProps","cleanIncomingProps","concat","ignoreProps","responsiveQueryContext","React","useContext","ResponsiveQueryContext","disableCSSMediaQueries","resolveResponsively","colorModeProps","extendedTheme","extendTheme","map","componentName","push","resolveComponentTheme","themeType","providedTheme","incomingWithDefaultProps","callPropsFlattener","targetProps","latestSpecifictyMap","props","platform","Platform","OS","colormode","colorMode","currentSpecificityMap","previouslyFlattenProps","flattenProps","cascadePseudoProps","defaultProps","combinedBaseStyle","combinedVariantStyle","combinedSizeStyle","extededComponentTheme","baseStyle","variant","variants","size","sizes","undefined","specificityMap","responsiveProps","propsName","propName","responsivelyResolvedProps","flattenBaseStyle","baseSpecificityMap","flattenVariantStyle","variantSpecificityMap","flattenSizeStyle","sizeSpecificityMap","defaultStyles","resolvePseudoProps","flatPseudoProp","baseStylePseudoProp","startsWith","hasOwnProperty","defaultSpecificity"],"mappings":"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","sourcesContent":["import get from 'lodash.get';\r\nimport merge from 'lodash.merge';\r\nimport isEmpty from 'lodash.isempty';\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 { useBreakpointResolvedProps } from '../useBreakpointResolvedProps';\r\nimport {\r\n  propsFlattener,\r\n  compareSpecificity,\r\n  IStateProps,\r\n} from './propsFlattener';\r\nimport { useResponsiveSSRProps } from '../useResponsiveSSRProps';\r\nimport React from 'react';\r\nimport { ResponsiveQueryContext } from '../../utils/useResponsiveQuery/ResponsiveQueryProvider';\r\nimport type { ComponentTheme } from '../../theme';\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 usePropsResolution(\r\n  component: string,\r\n  incomingProps: any,\r\n  state?: IStateProps,\r\n  config?: {\r\n    componentTheme?: any;\r\n    resolveResponsively?: string[];\r\n    ignoreProps?: string[];\r\n    cascadePseudoProps?: boolean;\r\n    extendTheme?: string[];\r\n  }\r\n) {\r\n  const { theme } = useNativeBase();\r\n  const componentTheme =\r\n    config?.componentTheme ?? get(theme, `components.${component}`, {});\r\n\r\n  if (process.env.NODE_ENV === 'development' && incomingProps.debug) {\r\n    /* eslint-disable-next-line */\r\n    console.log(\r\n      `%c${component}`,\r\n      'background: #d97706; color: #111; font-weight: 700; padding: 2px 8px;'\r\n    );\r\n    /* eslint-disable-next-line */\r\n    console.log(\r\n      `%cusePropsResolution`,\r\n      'background: #4b5563; color: #d97706; font-weight: 700; padding: 2px 8px;'\r\n    );\r\n    /* eslint-disable-next-line */\r\n    console.log(\r\n      '%c incomingProps: ',\r\n      'color: #4ade80; font-weight: 700;',\r\n      incomingProps\r\n    );\r\n    /* eslint-disable-next-line */\r\n    console.log('%c state: ', 'color: #4ade80; font-weight: 700;', state);\r\n    /* eslint-disable-next-line */\r\n    console.log(\r\n      '%c componentTheme: ',\r\n      'color: #4ade80; font-weight: 700;',\r\n      componentTheme\r\n    );\r\n  }\r\n\r\n  const resolvedProps = usePropsResolutionWithComponentTheme(\r\n    componentTheme,\r\n    incomingProps,\r\n    state,\r\n    config\r\n  );\r\n\r\n  // Not Resolve theme props and pseudo props\r\n  if (incomingProps?.INTERNAL_notResolveThemeAndPseudoProps) {\r\n    delete incomingProps.INTERNAL_notResolveThemeAndPseudoProps;\r\n    return incomingProps;\r\n  }\r\n\r\n  if (process.env.NODE_ENV === 'development' && incomingProps.debug) {\r\n    /* eslint-disable-next-line */\r\n    console.log(\r\n      '%c resolvedProps: ',\r\n      'color: #22d3ee; font-weight: 700;',\r\n      resolvedProps\r\n    );\r\n  }\r\n  return resolvedProps;\r\n}\r\n\r\nexport const usePropsResolutionWithComponentTheme = (\r\n  componentTheme: ComponentTheme,\r\n  incomingProps: any,\r\n  state?: IStateProps,\r\n  config?: {\r\n    componentTheme?: any;\r\n    resolveResponsively?: string[];\r\n    ignoreProps?: string[];\r\n    cascadePseudoProps?: boolean;\r\n    extendTheme?: string[];\r\n  }\r\n) => {\r\n  const modifiedPropsForSSR = useResponsiveSSRProps(incomingProps);\r\n\r\n  const [ignoredProps, cleanIncomingProps] = extractInObject(\r\n    modifiedPropsForSSR,\r\n    ['children', 'onPress', 'icon', 'onOpen', 'onClose'].concat(\r\n      config?.ignoreProps || []\r\n    )\r\n  );\r\n  const responsiveQueryContext = React.useContext(ResponsiveQueryContext);\r\n  const disableCSSMediaQueries = responsiveQueryContext.disableCSSMediaQueries;\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 extendedTheme: Array<any> = [];\r\n  if (config?.extendTheme) {\r\n    config?.extendTheme.map((componentName: string) => {\r\n      extendedTheme.push(get(theme, `components.${componentName}`, {}));\r\n    });\r\n  }\r\n  if (!isEmpty(componentTheme)) extendedTheme.push(componentTheme);\r\n\r\n  const resolveComponentTheme = (\r\n    themeType: Array<string>,\r\n    providedTheme: any\r\n  ): any => {\r\n    try {\r\n      if (themeType[1]) {\r\n        return typeof providedTheme[themeType[0]][themeType[1]] !== 'function'\r\n          ? providedTheme[themeType[0]][themeType[1]]\r\n          : providedTheme[themeType[0]][themeType[1]]({\r\n              theme,\r\n              ...incomingWithDefaultProps,\r\n              ...colorModeProps,\r\n            });\r\n      } else {\r\n        return typeof providedTheme[themeType[0]] !== 'function'\r\n          ? providedTheme[themeType[0]]\r\n          : providedTheme[themeType[0]]({\r\n              theme,\r\n              ...incomingWithDefaultProps,\r\n              ...colorModeProps,\r\n            });\r\n      }\r\n    } catch {\r\n      return {};\r\n    }\r\n  };\r\n  const callPropsFlattener = (\r\n    targetProps = {},\r\n    latestSpecifictyMap = {},\r\n    specificity = 1\r\n  ): any => {\r\n    return propsFlattener(\r\n      {\r\n        props:\r\n          process.env.NODE_ENV === 'development' && cleanIncomingProps.debug\r\n            ? { ...targetProps, debug: true }\r\n            : targetProps,\r\n        platform: Platform.OS,\r\n        colormode: colorModeProps.colorMode,\r\n        state: state || {},\r\n        currentSpecificityMap: latestSpecifictyMap,\r\n        previouslyFlattenProps: flattenProps || {},\r\n        cascadePseudoProps: config?.cascadePseudoProps,\r\n      },\r\n      specificity\r\n    );\r\n  };\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\r\n  // STEP 1.5: resolving component theme\r\n  let combinedBaseStyle = {};\r\n  let combinedVariantStyle = {};\r\n  let combinedSizeStyle = {};\r\n  extendedTheme.map((extededComponentTheme: any) => {\r\n    if (extededComponentTheme.baseStyle) {\r\n      combinedBaseStyle = {\r\n        ...combinedBaseStyle,\r\n        ...resolveComponentTheme(['baseStyle'], extededComponentTheme),\r\n      };\r\n    }\r\n    if (incomingWithDefaultProps.variant) {\r\n      if (extededComponentTheme.variants) {\r\n        combinedVariantStyle = {\r\n          ...combinedVariantStyle,\r\n          ...resolveComponentTheme(\r\n            ['variants', incomingWithDefaultProps.variant],\r\n            extededComponentTheme\r\n          ),\r\n        };\r\n      }\r\n    }\r\n    if (\r\n      incomingWithDefaultProps.size &&\r\n      extededComponentTheme?.sizes &&\r\n      extededComponentTheme?.sizes[incomingWithDefaultProps.size]\r\n    ) {\r\n      if (\r\n        typeof extededComponentTheme.sizes[incomingWithDefaultProps.size] ===\r\n          'string' ||\r\n        typeof extededComponentTheme.sizes[incomingWithDefaultProps.size] ===\r\n          'number'\r\n      ) {\r\n        incomingWithDefaultProps.size =\r\n          extededComponentTheme.sizes[incomingWithDefaultProps.size];\r\n      } else {\r\n        combinedSizeStyle = {\r\n          ...combinedSizeStyle,\r\n          ...resolveComponentTheme(\r\n            ['sizes', incomingWithDefaultProps.size],\r\n            extededComponentTheme\r\n          ),\r\n        };\r\n        incomingWithDefaultProps.size = undefined;\r\n      }\r\n    }\r\n  });\r\n\r\n  // STEP 2: flatten them\r\n  if (process.env.NODE_ENV === 'development' && cleanIncomingProps.debug) {\r\n    /* eslint-disable-next-line */\r\n    console.log(\r\n      `%cFlattening incoming and Default`,\r\n      'background: #4b5563; color: #FFF; font-weight: 700; padding: 2px 8px;'\r\n    );\r\n  }\r\n  //TODO: hack\r\n  let flattenProps: any, specificityMap;\r\n  [flattenProps, specificityMap] = callPropsFlattener(\r\n    incomingWithDefaultProps,\r\n    {},\r\n    2\r\n  );\r\n  const responsiveProps = {};\r\n  if (disableCSSMediaQueries) {\r\n    // STEP 2.5: resolving responsive props\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  if (resolveResponsively.includes('direction')) {\r\n    const propName = 'direction';\r\n    if (flattenProps[propName]) {\r\n      // @ts-ignore\r\n      responsiveProps[propName] = flattenProps[propName];\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 flattenBaseStyle, baseSpecificityMap;\r\n  if (combinedBaseStyle) {\r\n    if (process.env.NODE_ENV === 'development' && cleanIncomingProps.debug) {\r\n      /* eslint-disable-next-line */\r\n      console.log(\r\n        `%cFlattening baseStyle`,\r\n        'background: #4b5563; color: #eee; font-weight: 700; padding: 2px 8px;'\r\n      );\r\n    }\r\n    [flattenBaseStyle, baseSpecificityMap] = callPropsFlattener(\r\n      combinedBaseStyle,\r\n      specificityMap\r\n    );\r\n  }\r\n\r\n  // NOTE: Resolving variants\r\n  let flattenVariantStyle, variantSpecificityMap;\r\n  // Extracting props from variant\r\n  if (combinedVariantStyle) {\r\n    if (process.env.NODE_ENV === 'development' && cleanIncomingProps.debug) {\r\n      /* eslint-disable-next-line */\r\n      console.log(\r\n        `%cFlattening variantStyle`,\r\n        'background: #4b5563; color: #FFF; font-weight: 700; padding: 2px 8px;'\r\n      );\r\n    }\r\n    [flattenVariantStyle, variantSpecificityMap] = callPropsFlattener(\r\n      combinedVariantStyle,\r\n      baseSpecificityMap || specificityMap\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  let flattenSizeStyle, sizeSpecificityMap;\r\n  // Extracting props from size\r\n  if (combinedSizeStyle) {\r\n    if (process.env.NODE_ENV === 'development' && cleanIncomingProps.debug) {\r\n      /* eslint-disable-next-line */\r\n      console.log(\r\n        `%cFlattening sizeStyle`,\r\n        'background: #4b5563; color: #FFF; font-weight: 700; padding: 2px 8px;'\r\n      );\r\n    }\r\n    [flattenSizeStyle, sizeSpecificityMap] = callPropsFlattener(\r\n      combinedSizeStyle,\r\n      variantSpecificityMap || baseSpecificityMap || specificityMap\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  /*Resolve all the internal used Pseudo Props*/\r\n  const resolvePseudoProps = (\r\n    flatPseudoProp: any /** Props coming from Pseudo inside flattenProps */,\r\n    baseStylePseudoProp: any /** Props coming from Pseudo inside defaultStyles(baseStyle) */\r\n  ) => {\r\n    for (const prop in flatPseudoProp) {\r\n      baseStylePseudoProp[prop] =\r\n        flatPseudoProp[\r\n          prop\r\n        ]; /* Replace all the similar prop from from internal props */\r\n    }\r\n    return baseStylePseudoProp;\r\n  };\r\n\r\n  for (const prop in defaultStyles) {\r\n    if (prop.startsWith('_') && flattenProps.hasOwnProperty(prop)) {\r\n      /*Resolve all the internal used Pseudo Props*/\r\n      defaultStyles[prop] = resolvePseudoProps(\r\n        flattenProps[prop],\r\n        defaultStyles[prop]\r\n      );\r\n    }\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  const resolvedProps = omitUndefined({\r\n    ...flattenProps,\r\n    ...ignoredProps,\r\n  });\r\n\r\n  // STEP 5: Return\r\n  return resolvedProps;\r\n};\r\n"]}
+{"version":3,"names":["_lodash","_interopRequireDefault","require","_lodash2","_lodash3","_reactNative","_useNativeBase","_colorMode","_tools","_useBreakpointResolvedProps","_propsFlattener","_useResponsiveSSRProps","_react","_ResponsiveQueryProvider","e","__esModule","default","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","compareSpecificity","merge","usePropsResolution","component","state","config","_config$componentThem","theme","useNativeBase","componentTheme","get","process","env","NODE_ENV","debug","console","log","resolvedProps","usePropsResolutionWithComponentTheme","INTERNAL_notResolveThemeAndPseudoProps","modifiedPropsForSSR","useResponsiveSSRProps","ignoredProps","cleanIncomingProps","extractInObject","concat","ignoreProps","responsiveQueryContext","React","useContext","ResponsiveQueryContext","disableCSSMediaQueries","resolveResponsively","colorModeProps","useColorMode","extendedTheme","extendTheme","map","componentName","push","isEmpty","resolveComponentTheme","themeType","providedTheme","incomingWithDefaultProps","callPropsFlattener","targetProps","latestSpecifictyMap","propsFlattener","props","platform","Platform","OS","colormode","colorMode","currentSpecificityMap","previouslyFlattenProps","flattenProps","cascadePseudoProps","defaultProps","combinedBaseStyle","combinedVariantStyle","combinedSizeStyle","extededComponentTheme","baseStyle","variant","variants","size","sizes","undefined","specificityMap","responsiveProps","propsName","propName","responsivelyResolvedProps","useBreakpointResolvedProps","flattenBaseStyle","baseSpecificityMap","flattenVariantStyle","variantSpecificityMap","flattenSizeStyle","sizeSpecificityMap","defaultStyles","resolvePseudoProps","flatPseudoProp","baseStylePseudoProp","startsWith","hasOwnProperty","defaultSpecificity","omitUndefined","exports"],"sources":["usePropsResolution.tsx"],"sourcesContent":["import get from 'lodash.get';\r\nimport merge from 'lodash.merge';\r\nimport isEmpty from 'lodash.isempty';\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 { useBreakpointResolvedProps } from '../useBreakpointResolvedProps';\r\nimport {\r\n  propsFlattener,\r\n  compareSpecificity,\r\n  IStateProps,\r\n} from './propsFlattener';\r\nimport { useResponsiveSSRProps } from '../useResponsiveSSRProps';\r\nimport React from 'react';\r\nimport { ResponsiveQueryContext } from '../../utils/useResponsiveQuery/ResponsiveQueryProvider';\r\nimport type { ComponentTheme } from '../../theme';\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 usePropsResolution(\r\n  component: string,\r\n  incomingProps: any,\r\n  state?: IStateProps,\r\n  config?: {\r\n    componentTheme?: any;\r\n    resolveResponsively?: string[];\r\n    ignoreProps?: string[];\r\n    cascadePseudoProps?: boolean;\r\n    extendTheme?: string[];\r\n  }\r\n) {\r\n  const { theme } = useNativeBase();\r\n  const componentTheme =\r\n    config?.componentTheme ?? get(theme, `components.${component}`, {});\r\n\r\n  if (process.env.NODE_ENV === 'development' && incomingProps.debug) {\r\n    /* eslint-disable-next-line */\r\n    console.log(\r\n      `%c${component}`,\r\n      'background: #d97706; color: #111; font-weight: 700; padding: 2px 8px;'\r\n    );\r\n    /* eslint-disable-next-line */\r\n    console.log(\r\n      `%cusePropsResolution`,\r\n      'background: #4b5563; color: #d97706; font-weight: 700; padding: 2px 8px;'\r\n    );\r\n    /* eslint-disable-next-line */\r\n    console.log(\r\n      '%c incomingProps: ',\r\n      'color: #4ade80; font-weight: 700;',\r\n      incomingProps\r\n    );\r\n    /* eslint-disable-next-line */\r\n    console.log('%c state: ', 'color: #4ade80; font-weight: 700;', state);\r\n    /* eslint-disable-next-line */\r\n    console.log(\r\n      '%c componentTheme: ',\r\n      'color: #4ade80; font-weight: 700;',\r\n      componentTheme\r\n    );\r\n  }\r\n\r\n  const resolvedProps = usePropsResolutionWithComponentTheme(\r\n    componentTheme,\r\n    incomingProps,\r\n    state,\r\n    config\r\n  );\r\n\r\n  // Not Resolve theme props and pseudo props\r\n  if (incomingProps?.INTERNAL_notResolveThemeAndPseudoProps) {\r\n    delete incomingProps.INTERNAL_notResolveThemeAndPseudoProps;\r\n    return incomingProps;\r\n  }\r\n\r\n  if (process.env.NODE_ENV === 'development' && incomingProps.debug) {\r\n    /* eslint-disable-next-line */\r\n    console.log(\r\n      '%c resolvedProps: ',\r\n      'color: #22d3ee; font-weight: 700;',\r\n      resolvedProps\r\n    );\r\n  }\r\n  return resolvedProps;\r\n}\r\n\r\nexport const usePropsResolutionWithComponentTheme = (\r\n  componentTheme: ComponentTheme,\r\n  incomingProps: any,\r\n  state?: IStateProps,\r\n  config?: {\r\n    componentTheme?: any;\r\n    resolveResponsively?: string[];\r\n    ignoreProps?: string[];\r\n    cascadePseudoProps?: boolean;\r\n    extendTheme?: string[];\r\n  }\r\n) => {\r\n  const modifiedPropsForSSR = useResponsiveSSRProps(incomingProps);\r\n\r\n  const [ignoredProps, cleanIncomingProps] = extractInObject(\r\n    modifiedPropsForSSR,\r\n    ['children', 'onPress', 'icon', 'onOpen', 'onClose'].concat(\r\n      config?.ignoreProps || []\r\n    )\r\n  );\r\n  const responsiveQueryContext = React.useContext(ResponsiveQueryContext);\r\n  const disableCSSMediaQueries = responsiveQueryContext.disableCSSMediaQueries;\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 extendedTheme: Array<any> = [];\r\n  if (config?.extendTheme) {\r\n    config?.extendTheme.map((componentName: string) => {\r\n      extendedTheme.push(get(theme, `components.${componentName}`, {}));\r\n    });\r\n  }\r\n  if (!isEmpty(componentTheme)) extendedTheme.push(componentTheme);\r\n\r\n  const resolveComponentTheme = (\r\n    themeType: Array<string>,\r\n    providedTheme: any\r\n  ): any => {\r\n    try {\r\n      if (themeType[1]) {\r\n        return typeof providedTheme[themeType[0]][themeType[1]] !== 'function'\r\n          ? providedTheme[themeType[0]][themeType[1]]\r\n          : providedTheme[themeType[0]][themeType[1]]({\r\n              theme,\r\n              ...incomingWithDefaultProps,\r\n              ...colorModeProps,\r\n            });\r\n      } else {\r\n        return typeof providedTheme[themeType[0]] !== 'function'\r\n          ? providedTheme[themeType[0]]\r\n          : providedTheme[themeType[0]]({\r\n              theme,\r\n              ...incomingWithDefaultProps,\r\n              ...colorModeProps,\r\n            });\r\n      }\r\n    } catch {\r\n      return {};\r\n    }\r\n  };\r\n  const callPropsFlattener = (\r\n    targetProps = {},\r\n    latestSpecifictyMap = {},\r\n    specificity = 1\r\n  ): any => {\r\n    return propsFlattener(\r\n      {\r\n        props:\r\n          process.env.NODE_ENV === 'development' && cleanIncomingProps.debug\r\n            ? { ...targetProps, debug: true }\r\n            : targetProps,\r\n        platform: Platform.OS,\r\n        colormode: colorModeProps.colorMode,\r\n        state: state || {},\r\n        currentSpecificityMap: latestSpecifictyMap,\r\n        previouslyFlattenProps: flattenProps || {},\r\n        cascadePseudoProps: config?.cascadePseudoProps,\r\n      },\r\n      specificity\r\n    );\r\n  };\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\r\n  // STEP 1.5: resolving component theme\r\n  let combinedBaseStyle = {};\r\n  let combinedVariantStyle = {};\r\n  let combinedSizeStyle = {};\r\n  extendedTheme.map((extededComponentTheme: any) => {\r\n    if (extededComponentTheme.baseStyle) {\r\n      combinedBaseStyle = {\r\n        ...combinedBaseStyle,\r\n        ...resolveComponentTheme(['baseStyle'], extededComponentTheme),\r\n      };\r\n    }\r\n    if (incomingWithDefaultProps.variant) {\r\n      if (extededComponentTheme.variants) {\r\n        combinedVariantStyle = {\r\n          ...combinedVariantStyle,\r\n          ...resolveComponentTheme(\r\n            ['variants', incomingWithDefaultProps.variant],\r\n            extededComponentTheme\r\n          ),\r\n        };\r\n      }\r\n    }\r\n    if (\r\n      incomingWithDefaultProps.size &&\r\n      extededComponentTheme?.sizes &&\r\n      extededComponentTheme?.sizes[incomingWithDefaultProps.size]\r\n    ) {\r\n      if (\r\n        typeof extededComponentTheme.sizes[incomingWithDefaultProps.size] ===\r\n          'string' ||\r\n        typeof extededComponentTheme.sizes[incomingWithDefaultProps.size] ===\r\n          'number'\r\n      ) {\r\n        incomingWithDefaultProps.size =\r\n          extededComponentTheme.sizes[incomingWithDefaultProps.size];\r\n      } else {\r\n        combinedSizeStyle = {\r\n          ...combinedSizeStyle,\r\n          ...resolveComponentTheme(\r\n            ['sizes', incomingWithDefaultProps.size],\r\n            extededComponentTheme\r\n          ),\r\n        };\r\n        incomingWithDefaultProps.size = undefined;\r\n      }\r\n    }\r\n  });\r\n\r\n  // STEP 2: flatten them\r\n  if (process.env.NODE_ENV === 'development' && cleanIncomingProps.debug) {\r\n    /* eslint-disable-next-line */\r\n    console.log(\r\n      `%cFlattening incoming and Default`,\r\n      'background: #4b5563; color: #FFF; font-weight: 700; padding: 2px 8px;'\r\n    );\r\n  }\r\n  //TODO: hack\r\n  let flattenProps: any, specificityMap;\r\n  [flattenProps, specificityMap] = callPropsFlattener(\r\n    incomingWithDefaultProps,\r\n    {},\r\n    2\r\n  );\r\n  const responsiveProps = {};\r\n  if (disableCSSMediaQueries) {\r\n    // STEP 2.5: resolving responsive props\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  if (resolveResponsively.includes('direction')) {\r\n    const propName = 'direction';\r\n    if (flattenProps[propName]) {\r\n      // @ts-ignore\r\n      responsiveProps[propName] = flattenProps[propName];\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 flattenBaseStyle, baseSpecificityMap;\r\n  if (combinedBaseStyle) {\r\n    if (process.env.NODE_ENV === 'development' && cleanIncomingProps.debug) {\r\n      /* eslint-disable-next-line */\r\n      console.log(\r\n        `%cFlattening baseStyle`,\r\n        'background: #4b5563; color: #eee; font-weight: 700; padding: 2px 8px;'\r\n      );\r\n    }\r\n    [flattenBaseStyle, baseSpecificityMap] = callPropsFlattener(\r\n      combinedBaseStyle,\r\n      specificityMap\r\n    );\r\n  }\r\n\r\n  // NOTE: Resolving variants\r\n  let flattenVariantStyle, variantSpecificityMap;\r\n  // Extracting props from variant\r\n  if (combinedVariantStyle) {\r\n    if (process.env.NODE_ENV === 'development' && cleanIncomingProps.debug) {\r\n      /* eslint-disable-next-line */\r\n      console.log(\r\n        `%cFlattening variantStyle`,\r\n        'background: #4b5563; color: #FFF; font-weight: 700; padding: 2px 8px;'\r\n      );\r\n    }\r\n    [flattenVariantStyle, variantSpecificityMap] = callPropsFlattener(\r\n      combinedVariantStyle,\r\n      baseSpecificityMap || specificityMap\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  let flattenSizeStyle, sizeSpecificityMap;\r\n  // Extracting props from size\r\n  if (combinedSizeStyle) {\r\n    if (process.env.NODE_ENV === 'development' && cleanIncomingProps.debug) {\r\n      /* eslint-disable-next-line */\r\n      console.log(\r\n        `%cFlattening sizeStyle`,\r\n        'background: #4b5563; color: #FFF; font-weight: 700; padding: 2px 8px;'\r\n      );\r\n    }\r\n    [flattenSizeStyle, sizeSpecificityMap] = callPropsFlattener(\r\n      combinedSizeStyle,\r\n      variantSpecificityMap || baseSpecificityMap || specificityMap\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  /*Resolve all the internal used Pseudo Props*/\r\n  const resolvePseudoProps = (\r\n    flatPseudoProp: any /** Props coming from Pseudo inside flattenProps */,\r\n    baseStylePseudoProp: any /** Props coming from Pseudo inside defaultStyles(baseStyle) */\r\n  ) => {\r\n    for (const prop in flatPseudoProp) {\r\n      baseStylePseudoProp[prop] =\r\n        flatPseudoProp[\r\n          prop\r\n        ]; /* Replace all the similar prop from from internal props */\r\n    }\r\n    return baseStylePseudoProp;\r\n  };\r\n\r\n  for (const prop in defaultStyles) {\r\n    if (prop.startsWith('_') && flattenProps.hasOwnProperty(prop)) {\r\n      /*Resolve all the internal used Pseudo Props*/\r\n      defaultStyles[prop] = resolvePseudoProps(\r\n        flattenProps[prop],\r\n        defaultStyles[prop]\r\n      );\r\n    }\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  const resolvedProps = omitUndefined({\r\n    ...flattenProps,\r\n    ...ignoredProps,\r\n  });\r\n\r\n  // STEP 5: Return\r\n  return resolvedProps;\r\n};\r\n"],"mappings":"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","ignoreList":[]}