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

package/lib/module/hooks/useStyledSystemPropsResolver.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useStyledSystemPropsResolver.ts"],"names":["getStyleAndFilteredProps","useTheme","React","useNativeBaseConfig","useResponsiveQuery","getStyledSystemPropsAndRestProps","stableHash","useStyledSystemPropsResolver","style","propStyle","debug","props","theme","currentBreakpoint","config","strictMode","getResponsiveStyles","styledSystemProps","restProps","dataSet","styleFromProps","useMemo","styleSheet","box","process","env","NODE_ENV","console","log"],"mappings":"AAAA,SAASA,wBAAT,QAAyC,wBAAzC;AACA,SAASC,QAAT,QAAyB,YAAzB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,SAASC,mBAAT,QAAoC,2BAApC;AACA,SAASC,kBAAT,QAAmC,6BAAnC;AACA,SAASC,gCAAT,QAAiD,2CAAjD,C,CACA;;AACA,OAAOC,UAAP,MAAuB,aAAvB;AAEA,OAAO,MAAMC,4BAA4B,GAAG,CAAC;AAC3CC,EAAAA,KAAK,EAAEC,SADoC;AAE3CC,EAAAA,KAF2C;AAG3C,KAAGC;AAHwC,CAAD,KAIjC;AACT,QAAMC,KAAK,GAAGX,QAAQ,EAAtB;AACA,QAAM;AAAEY,IAAAA,iBAAF;AAAqBC,IAAAA;AAArB,MAAgCX,mBAAmB,CACvD,qBADuD,CAAzD;AAGA,QAAMY,UAAU,GAAGD,MAAM,CAACC,UAA1B;AAEA,QAAM;AAAEC,IAAAA;AAAF,MAA0BZ,kBAAkB,EAAlD;AAEA,QAAM;AAAEa,IAAAA,iBAAF;AAAqBC,IAAAA;AAArB,MAAmCb,gCAAgC,CACvEM,KADuE,CAAzE;AAIA,QAAM;AAAEH,IAAAA,KAAF;AAASW,IAAAA,OAAT;AAAkBC,IAAAA;AAAlB,MAAqClB,KAAK,CAACmB,OAAN,CAAc,MAAM;AAC7D,UAAM;AAAEC,MAAAA,UAAF;AAAcH,MAAAA,OAAd;AAAuBC,MAAAA;AAAvB,QAA0CpB,wBAAwB,CAAC;AACvEiB,MAAAA,iBADuE;AAEvEL,MAAAA,KAFuE;AAGvEF,MAAAA,KAHuE;AAIvEG,MAAAA,iBAJuE;AAKvEE,MAAAA,UALuE;AAMvEC,MAAAA;AANuE,KAAD,CAAxE;;AAQA,QAAIP,SAAJ,EAAe;AACb,aAAO;AAAED,QAAAA,KAAK,EAAE,CAACc,UAAU,CAACC,GAAZ,EAAiBd,SAAjB,CAAT;AAAsCU,QAAAA,OAAtC;AAA+CC,QAAAA;AAA/C,OAAP;AACD,KAFD,MAEO;AACL,aAAO;AAAEZ,QAAAA,KAAK,EAAEc,UAAU,CAACC,GAApB;AAAyBJ,QAAAA,OAAzB;AAAkCC,QAAAA;AAAlC,OAAP;AACD,KAb4D,CAc7D;;AACD,GAf0C,EAexC,CACD;AACAd,EAAAA,UAAU,CAACW,iBAAD,CAFT,EAGDL,KAHC,EAIDF,KAJC,EAKDG,iBALC,EAMDE,UANC,EAODN,SAPC,EAQDO,mBARC,EASDL,KATC,CAfwC,CAA3C;;AA0BA,MAAIa,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IAA0ChB,KAA9C,EAAqD;AACnD;AACAiB,IAAAA,OAAO,CAACC,GAAR,CAAY,gBAAZ,EAA8Bf,iBAA9B;AACD;;AAEDK,EAAAA,SAAS,CAACC,OAAV,GAAoB,EAAE,GAAGD,SAAS,CAACC,OAAf;AAAwB,OAAGA;AAA3B,GAApB;AAEA,SAAO,CAACX,KAAD,EAAQU,SAAR,EAAmBE,cAAnB,CAAP;AACD,CAnDM","sourcesContent":["import { getStyleAndFilteredProps } from '../theme/styled-system';\r\nimport { useTheme } from './useTheme';\r\nimport React from 'react';\r\nimport { useNativeBaseConfig } from '../core/NativeBaseContext';\r\nimport { useResponsiveQuery } from '../utils/useResponsiveQuery';\r\nimport { getStyledSystemPropsAndRestProps } from '../utils/getStyledSystemPropsAndRestProps';\r\n//@ts-ignore\r\nimport stableHash from 'stable-hash';\r\n\r\nexport const useStyledSystemPropsResolver = ({\r\n  style: propStyle,\r\n  debug,\r\n  ...props\r\n}: any) => {\r\n  const theme = useTheme();\r\n  const { currentBreakpoint, config } = useNativeBaseConfig(\r\n    'makeStyledComponent'\r\n  );\r\n  const strictMode = config.strictMode;\r\n\r\n  const { getResponsiveStyles } = useResponsiveQuery();\r\n\r\n  const { styledSystemProps, restProps } = getStyledSystemPropsAndRestProps(\r\n    props\r\n  );\r\n\r\n  const { style, dataSet, styleFromProps } = React.useMemo(() => {\r\n    const { styleSheet, dataSet, styleFromProps } = getStyleAndFilteredProps({\r\n      styledSystemProps,\r\n      theme,\r\n      debug,\r\n      currentBreakpoint,\r\n      strictMode,\r\n      getResponsiveStyles,\r\n    });\r\n    if (propStyle) {\r\n      return { style: [styleSheet.box, propStyle], dataSet, styleFromProps };\r\n    } else {\r\n      return { style: styleSheet.box, dataSet, styleFromProps };\r\n    }\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    stableHash(styledSystemProps),\r\n    theme,\r\n    debug,\r\n    currentBreakpoint,\r\n    strictMode,\r\n    propStyle,\r\n    getResponsiveStyles,\r\n    props,\r\n  ]);\r\n  if (process.env.NODE_ENV === 'development' && debug) {\r\n    /* eslint-disable-next-line */\r\n    console.log('style,resprops', currentBreakpoint);\r\n  }\r\n\r\n  restProps.dataSet = { ...restProps.dataSet, ...dataSet };\r\n\r\n  return [style, restProps, styleFromProps];\r\n};\r\n"]}

package/lib/module/hooks/useSx/index.js

@@ -0,0 +1,29 @@
+import { useStyledSystemPropsResolver } from '../useStyledSystemPropsResolver';
+import { useNativeBaseConfig } from '../../core/NativeBaseContext';
+import { isResponsiveAnyProp } from '../../theme/tools';
+import { useTheme } from '../useTheme';
+import { useMemo } from 'react'; //@ts-ignore
+
+import stableHash from 'stable-hash';
+export const useSx = () => {
+  const isSSR = useNativeBaseConfig('useBreakpointResolvedProps').isSSR;
+  const theme = useTheme();
+
+  const Sx = query => {
+    const StableHashQuery = stableHash(query);
+    const checkWarning = useMemo(() => {
+      return isResponsiveAnyProp(query, theme); // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [StableHashQuery]);
+
+    if (isSSR && checkWarning) {
+      console.warn("useSx prop doesn't resolve responsive prop with SSR");
+    } // eslint-disable-next-line
+
+
+    const [_style, _restProps, styleFromProps] = useStyledSystemPropsResolver(query);
+    return styleFromProps;
+  };
+
+  return Sx;
+};
+//# sourceMappingURL=index.js.map

package/lib/module/hooks/useSx/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["useStyledSystemPropsResolver","useNativeBaseConfig","isResponsiveAnyProp","useTheme","useMemo","stableHash","useSx","isSSR","theme","Sx","query","StableHashQuery","checkWarning","console","warn","_style","_restProps","styleFromProps"],"mappings":"AAAA,SAASA,4BAAT,QAA6C,iCAA7C;AACA,SAASC,mBAAT,QAAoC,8BAApC;AACA,SAASC,mBAAT,QAAoC,mBAApC;AACA,SAASC,QAAT,QAAyB,aAAzB;AACA,SAASC,OAAT,QAAwB,OAAxB,C,CACA;;AACA,OAAOC,UAAP,MAAuB,aAAvB;AAGA,OAAO,MAAMC,KAAK,GAAG,MAAM;AACzB,QAAMC,KAAK,GAAGN,mBAAmB,CAAC,4BAAD,CAAnB,CAAkDM,KAAhE;AACA,QAAMC,KAAK,GAAGL,QAAQ,EAAtB;;AACA,QAAMM,EAAE,GAAIC,KAAD,IAAwB;AACjC,UAAMC,eAAe,GAAGN,UAAU,CAACK,KAAD,CAAlC;AACA,UAAME,YAAY,GAAGR,OAAO,CAAC,MAAM;AACjC,aAAOF,mBAAmB,CAACQ,KAAD,EAAQF,KAAR,CAA1B,CADiC,CAEjC;AACD,KAH2B,EAGzB,CAACG,eAAD,CAHyB,CAA5B;;AAKA,QAAIJ,KAAK,IAAIK,YAAb,EAA2B;AACzBC,MAAAA,OAAO,CAACC,IAAR,CAAa,qDAAb;AACD,KATgC,CAUjC;;;AACA,UAAM,CAACC,MAAD,EAASC,UAAT,EAAqBC,cAArB,IAAuCjB,4BAA4B,CACvEU,KADuE,CAAzE;AAIA,WAAOO,cAAP;AACD,GAhBD;;AAiBA,SAAOR,EAAP;AACD,CArBM","sourcesContent":["import { useStyledSystemPropsResolver } from '../useStyledSystemPropsResolver';\r\nimport { useNativeBaseConfig } from '../../core/NativeBaseContext';\r\nimport { isResponsiveAnyProp } from '../../theme/tools';\r\nimport { useTheme } from '../useTheme';\r\nimport { useMemo } from 'react';\r\n//@ts-ignore\r\nimport stableHash from 'stable-hash';\r\nimport type { StyledProps } from '../../theme/types';\r\n\r\nexport const useSx = () => {\r\n  const isSSR = useNativeBaseConfig('useBreakpointResolvedProps').isSSR;\r\n  const theme = useTheme();\r\n  const Sx = (query: StyledProps) => {\r\n    const StableHashQuery = stableHash(query);\r\n    const checkWarning = useMemo(() => {\r\n      return isResponsiveAnyProp(query, theme);\r\n      // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [StableHashQuery]);\r\n\r\n    if (isSSR && checkWarning) {\r\n      console.warn(\"useSx prop doesn't resolve responsive prop with SSR\");\r\n    }\r\n    // eslint-disable-next-line\r\n    const [_style, _restProps, styleFromProps] = useStyledSystemPropsResolver(\r\n      query\r\n    );\r\n\r\n    return styleFromProps;\r\n  };\r\n  return Sx;\r\n};\r\n"]}

package/lib/module/hooks/useTheme.js

@@ -0,0 +1,11 @@
+import { useNativeBaseConfig } from './../core/NativeBaseContext';
+export function useTheme() {
+  const theme = useNativeBaseConfig('useTheme').theme;
+
+  if (!theme) {
+    throw Error('useTheme: `theme` is undefined. Seems you forgot to wrap your app in `<NativeBaseProvider />`');
+  }
+
+  return theme;
+}
+//# sourceMappingURL=useTheme.js.map

package/lib/module/hooks/useTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useTheme.ts"],"names":["useNativeBaseConfig","useTheme","theme","Error"],"mappings":"AAAA,SAASA,mBAAT,QAAoC,6BAApC;AAEA,OAAO,SAASC,QAAT,GAAoB;AACzB,QAAMC,KAAK,GAAGF,mBAAmB,CAAC,UAAD,CAAnB,CAAgCE,KAA9C;;AACA,MAAI,CAACA,KAAL,EAAY;AACV,UAAMC,KAAK,CACT,+FADS,CAAX;AAGD;;AAED,SAAOD,KAAP;AACD","sourcesContent":["import { useNativeBaseConfig } from './../core/NativeBaseContext';\r\n\r\nexport function useTheme() {\r\n  const theme = useNativeBaseConfig('useTheme').theme;\r\n  if (!theme) {\r\n    throw Error(\r\n      'useTheme: `theme` is undefined. Seems you forgot to wrap your app in `<NativeBaseProvider />`'\r\n    );\r\n  }\r\n\r\n  return theme;\r\n}\r\n"]}

package/lib/module/hooks/useThemeProps/index.js

@@ -0,0 +1,4 @@
+export { useThemeProps } from './useProps';
+export { usePropsResolution } from './usePropsResolution';
+export { usePropsWithComponentTheme } from './usePropsWithComponentTheme';
+//# sourceMappingURL=index.js.map

package/lib/module/hooks/useThemeProps/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["useThemeProps","usePropsResolution","usePropsWithComponentTheme"],"mappings":"AAAA,SAASA,aAAT,QAA8B,YAA9B;AACA,SAASC,kBAAT,QAAmC,sBAAnC;AACA,SAASC,0BAAT,QAA2C,8BAA3C","sourcesContent":["export { useThemeProps } from './useProps';\r\nexport { usePropsResolution } from './usePropsResolution';\r\nexport { usePropsWithComponentTheme } from './usePropsWithComponentTheme';\r\n"]}

package/lib/module/hooks/useThemeProps/propsFlattener.js

@@ -0,0 +1,284 @@
+import merge from 'lodash.merge';
+const SPECIFICITY_1000 = 1000;
+const SPECIFICITY_110 = 110;
+const SPECIFICITY_100 = 100;
+const SPECIFICITY_70 = 70;
+const SPECIFICITY_60 = 60;
+const SPECIFICITY_55 = 55;
+const SPECIFICITY_50 = 50;
+const SPECIFICITY_40 = 40;
+const SPECIFICITY_30 = 30; // SPECIFICITY_20 is being user for defferentiating between User Props and Theme Props. So any specificity less than SPECIFICITY_20 will be ovridable by user props.
+
+const SPECIFICITY_20 = 20;
+const SPECIFICITY_10 = 10;
+const specificityPrecedence = [SPECIFICITY_1000, SPECIFICITY_110, SPECIFICITY_100, SPECIFICITY_70, SPECIFICITY_60, SPECIFICITY_55, SPECIFICITY_50, SPECIFICITY_40, SPECIFICITY_30, SPECIFICITY_20, SPECIFICITY_10];
+const INITIAL_PROP_SPECIFICITY = {
+  [SPECIFICITY_1000]: 0,
+  [SPECIFICITY_110]: 0,
+  [SPECIFICITY_100]: 0,
+  [SPECIFICITY_70]: 0,
+  [SPECIFICITY_60]: 0,
+  [SPECIFICITY_50]: 0,
+  [SPECIFICITY_55]: 0,
+  [SPECIFICITY_40]: 0,
+  [SPECIFICITY_30]: 0,
+  [SPECIFICITY_20]: 0,
+  [SPECIFICITY_10]: 0
+};
+const pseudoPropsMap = {
+  _web: {
+    dependentOn: 'platform',
+    priority: SPECIFICITY_10
+  },
+  _ios: {
+    dependentOn: 'platform',
+    priority: SPECIFICITY_10
+  },
+  _android: {
+    dependentOn: 'platform',
+    priority: SPECIFICITY_10
+  },
+  _light: {
+    dependentOn: 'colormode',
+    priority: SPECIFICITY_10
+  },
+  _dark: {
+    dependentOn: 'colormode',
+    priority: SPECIFICITY_10
+  },
+  // TODO: have to add more interactionProps and stateProps
+  _indeterminate: {
+    dependentOn: 'state',
+    respondTo: 'isIndeterminate',
+    priority: SPECIFICITY_30
+  },
+  _checked: {
+    dependentOn: 'state',
+    respondTo: 'isChecked',
+    priority: SPECIFICITY_30
+  },
+  // Add new pseudeo props in between -------
+  _readOnly: {
+    dependentOn: 'state',
+    respondTo: 'isReadOnly',
+    priority: SPECIFICITY_30
+  },
+  // Add new pseudeo props in between -------
+  _invalid: {
+    dependentOn: 'state',
+    respondTo: 'isInvalid',
+    priority: SPECIFICITY_40
+  },
+  _focus: {
+    dependentOn: 'state',
+    respondTo: 'isFocused',
+    priority: SPECIFICITY_50
+  },
+  _focusVisible: {
+    dependentOn: 'state',
+    respondTo: 'isFocusVisible',
+    priority: SPECIFICITY_55
+  },
+  _hover: {
+    dependentOn: 'state',
+    respondTo: 'isHovered',
+    priority: SPECIFICITY_60
+  },
+  _pressed: {
+    dependentOn: 'state',
+    respondTo: 'isPressed',
+    priority: SPECIFICITY_70
+  },
+  _disabled: {
+    dependentOn: 'state',
+    respondTo: 'isDisabled',
+    priority: SPECIFICITY_100
+  },
+  _loading: {
+    dependentOn: 'state',
+    respondTo: 'isLoading',
+    priority: SPECIFICITY_110
+  },
+  _important: {
+    dependentOn: null,
+    priority: SPECIFICITY_1000
+  }
+};
+export const compareSpecificity = (exisiting, upcoming, ignorebaseTheme) => // property?: any
+{
+  if (!exisiting) return true;
+  if (!upcoming) return false;
+  const condition = ignorebaseTheme ? specificityPrecedence.length - 1 : specificityPrecedence.length;
+
+  for (let index = 0; index < condition; index++) {
+    if (exisiting[specificityPrecedence[index]] > upcoming[specificityPrecedence[index]]) {
+      return false;
+    } else if (exisiting[specificityPrecedence[index]] < upcoming[specificityPrecedence[index]]) {
+      return true;
+    }
+  }
+
+  return true;
+};
+
+const shouldResolvePseudoProp = ({
+  property,
+  state,
+  platform,
+  colormode
+}) => {
+  if (pseudoPropsMap[property].dependentOn === 'platform') {
+    return property === "_".concat(platform);
+  } else if (pseudoPropsMap[property].dependentOn === 'colormode') {
+    return property === "_".concat(colormode);
+  } else if (pseudoPropsMap[property].dependentOn === 'state') {
+    // @ts-ignore
+    return state[pseudoPropsMap[property].respondTo];
+  } else if (pseudoPropsMap[property].dependentOn === null) {
+    return true;
+  } else {
+    return false;
+  }
+};
+
+const simplifyProps = ({
+  props,
+  colormode,
+  platform,
+  state,
+  currentSpecificity,
+  previouslyFlattenProps,
+  cascadePseudoProps
+}, flattenProps = {}, specificityMap = {}, priority) => {
+  const mergePsuedoProps = (property, propertySpecity) => {
+    if (compareSpecificity(specificityMap[property], propertySpecity, false)) {
+      if (process.env.NODE_ENV === 'development' && props.debug) {
+        /* eslint-disable-next-line */
+        console.log("%c ".concat(property), 'color: #818cf8;', 'updated as internal prop with higher specificity');
+      }
+
+      specificityMap[property] = propertySpecity; // merging internal props (like, _text, _stack ...)
+
+      flattenProps[property] = merge({}, flattenProps[property], props[property]);
+    } else {
+      if (process.env.NODE_ENV === 'development' && props.debug) {
+        /* eslint-disable-next-line */
+        console.log("%c ".concat(property), 'color: #818cf8;', 'updated as internal prop with lower specificity');
+      }
+
+      flattenProps[property] = merge({}, props[property], flattenProps[property]);
+    }
+  };
+
+  for (const property in props) {
+    var _pseudoPropsMap$prope;
+
+    // NOTE: the order is important here. Keep in mind while specificity breakpoints.
+    const propertySpecity = currentSpecificity ? { ...currentSpecificity
+    } : { ...INITIAL_PROP_SPECIFICITY,
+      [SPECIFICITY_20]: priority
+    };
+
+    if ( // @ts-ignore
+    state[(_pseudoPropsMap$prope = pseudoPropsMap[property]) === null || _pseudoPropsMap$prope === void 0 ? void 0 : _pseudoPropsMap$prope.respondTo] || ['_dark', '_light', '_web', '_ios', '_android', '_important'].includes(property)) {
+      // @ts-ignore
+      if (shouldResolvePseudoProp({
+        property,
+        state,
+        platform,
+        colormode
+      })) {
+        // NOTE: Handling (state driven) props like _important, _web, _ios, _android, _dark, _light, _disabled, _focus, _focusVisible, _hover, _pressed, _readOnly, _invalid, .... Only when they are true.
+        if (process.env.NODE_ENV === 'development' && props.debug) {
+          /* eslint-disable-next-line */
+          console.log("%c ".concat(property), 'color: #818cf8;', 'recursively resolving');
+        } // @ts-ignore
+
+
+        propertySpecity[pseudoPropsMap[property].priority]++;
+        simplifyProps({
+          props: props[property],
+          colormode,
+          platform,
+          state,
+          currentSpecificity: propertySpecity,
+          previouslyFlattenProps: previouslyFlattenProps,
+          cascadePseudoProps
+        }, flattenProps, specificityMap, priority);
+      } // @ts-ignore
+
+    } else if (pseudoPropsMap[property] === undefined) {
+      if (property.startsWith('_')) {
+        // NOTE: Handling (internal) props like _text, _stack, ....
+        mergePsuedoProps(property, propertySpecity);
+      } else {
+        if (compareSpecificity(specificityMap[property], propertySpecity, false)) {
+          if (process.env.NODE_ENV === 'development' && props.debug) {
+            /* eslint-disable-next-line */
+            console.log("%c ".concat(property), 'color: #818cf8;', 'updated as simple prop');
+          }
+
+          specificityMap[property] = propertySpecity; // replacing simple props (like, p, m, bg, color, ...)
+
+          flattenProps[property] = props[property];
+        } else {
+          if (process.env.NODE_ENV === 'development' && props.debug) {
+            /* eslint-disable-next-line */
+            console.log("%c ".concat(property), 'color: #818cf8;', 'ignored');
+          }
+        }
+      }
+    } else {
+      // Can delete unused props
+      if (!cascadePseudoProps) {
+        delete flattenProps[property];
+
+        if (process.env.NODE_ENV === 'development' && props.debug) {
+          /* eslint-disable-next-line */
+          console.log("%c ".concat(property), 'color: #818cf8;', 'deleted');
+        }
+      } else {
+        if (process.env.NODE_ENV === 'development' && props.debug) {
+          /* eslint-disable-next-line */
+          console.log("%c ".concat(property), 'color: #818cf8;', 'cascaded');
+        }
+
+        mergePsuedoProps(property, propertySpecity);
+      }
+    }
+  }
+};
+
+export const propsFlattener = ({
+  props,
+  colormode,
+  platform,
+  state,
+  currentSpecificityMap,
+  previouslyFlattenProps,
+  cascadePseudoProps
+}, priority) => {
+  const flattenProps = {};
+
+  for (const property in props) {
+    var _pseudoPropsMap$prope2;
+
+    if ( // @ts-ignore
+    state[(_pseudoPropsMap$prope2 = pseudoPropsMap[property]) === null || _pseudoPropsMap$prope2 === void 0 ? void 0 : _pseudoPropsMap$prope2.respondTo] === undefined && property.startsWith('_')) {
+      flattenProps[property] = previouslyFlattenProps[property];
+    }
+  }
+
+  const specificityMap = currentSpecificityMap || {};
+  simplifyProps({
+    props,
+    colormode,
+    platform,
+    state,
+    currentSpecificityMap,
+    previouslyFlattenProps,
+    cascadePseudoProps
+  }, flattenProps, specificityMap, priority);
+  return [flattenProps, specificityMap];
+};
+//# sourceMappingURL=propsFlattener.js.map

package/lib/module/hooks/useThemeProps/propsFlattener.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["propsFlattener.tsx"],"names":["merge","SPECIFICITY_1000","SPECIFICITY_110","SPECIFICITY_100","SPECIFICITY_70","SPECIFICITY_60","SPECIFICITY_55","SPECIFICITY_50","SPECIFICITY_40","SPECIFICITY_30","SPECIFICITY_20","SPECIFICITY_10","specificityPrecedence","INITIAL_PROP_SPECIFICITY","pseudoPropsMap","_web","dependentOn","priority","_ios","_android","_light","_dark","_indeterminate","respondTo","_checked","_readOnly","_invalid","_focus","_focusVisible","_hover","_pressed","_disabled","_loading","_important","compareSpecificity","exisiting","upcoming","ignorebaseTheme","condition","length","index","shouldResolvePseudoProp","property","state","platform","colormode","simplifyProps","props","currentSpecificity","previouslyFlattenProps","cascadePseudoProps","flattenProps","specificityMap","mergePsuedoProps","propertySpecity","process","env","NODE_ENV","debug","console","log","includes","undefined","startsWith","propsFlattener","currentSpecificityMap"],"mappings":"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","sourcesContent":["import merge from 'lodash.merge';\r\n\r\nconst SPECIFICITY_1000 = 1000;\r\nconst SPECIFICITY_110 = 110;\r\nconst SPECIFICITY_100 = 100;\r\nconst SPECIFICITY_70 = 70;\r\nconst SPECIFICITY_60 = 60;\r\nconst SPECIFICITY_55 = 55;\r\nconst SPECIFICITY_50 = 50;\r\nconst SPECIFICITY_40 = 40;\r\nconst SPECIFICITY_30 = 30;\r\n// SPECIFICITY_20 is being user for defferentiating between User Props and Theme Props. So any specificity less than SPECIFICITY_20 will be ovridable by user props.\r\nconst SPECIFICITY_20 = 20;\r\nconst SPECIFICITY_10 = 10;\r\nconst specificityPrecedence = [\r\n  SPECIFICITY_1000,\r\n  SPECIFICITY_110,\r\n  SPECIFICITY_100,\r\n  SPECIFICITY_70,\r\n  SPECIFICITY_60,\r\n  SPECIFICITY_55,\r\n  SPECIFICITY_50,\r\n  SPECIFICITY_40,\r\n  SPECIFICITY_30,\r\n  SPECIFICITY_20,\r\n  SPECIFICITY_10,\r\n];\r\nconst INITIAL_PROP_SPECIFICITY = {\r\n  [SPECIFICITY_1000]: 0,\r\n  [SPECIFICITY_110]: 0,\r\n  [SPECIFICITY_100]: 0,\r\n  [SPECIFICITY_70]: 0,\r\n  [SPECIFICITY_60]: 0,\r\n  [SPECIFICITY_50]: 0,\r\n  [SPECIFICITY_55]: 0,\r\n  [SPECIFICITY_40]: 0,\r\n  [SPECIFICITY_30]: 0,\r\n  [SPECIFICITY_20]: 0,\r\n  [SPECIFICITY_10]: 0,\r\n};\r\n\r\nconst pseudoPropsMap = {\r\n  _web: { dependentOn: 'platform', priority: SPECIFICITY_10 },\r\n  _ios: { dependentOn: 'platform', priority: SPECIFICITY_10 },\r\n  _android: { dependentOn: 'platform', priority: SPECIFICITY_10 },\r\n\r\n  _light: { dependentOn: 'colormode', priority: SPECIFICITY_10 },\r\n  _dark: { dependentOn: 'colormode', priority: SPECIFICITY_10 },\r\n\r\n  // TODO: have to add more interactionProps and stateProps\r\n  _indeterminate: {\r\n    dependentOn: 'state',\r\n    respondTo: 'isIndeterminate',\r\n    priority: SPECIFICITY_30,\r\n  },\r\n  _checked: {\r\n    dependentOn: 'state',\r\n    respondTo: 'isChecked',\r\n    priority: SPECIFICITY_30,\r\n  },\r\n  // Add new pseudeo props in between -------\r\n  _readOnly: {\r\n    dependentOn: 'state',\r\n    respondTo: 'isReadOnly',\r\n    priority: SPECIFICITY_30,\r\n  },\r\n  // Add new pseudeo props in between -------\r\n  _invalid: {\r\n    dependentOn: 'state',\r\n    respondTo: 'isInvalid',\r\n    priority: SPECIFICITY_40,\r\n  },\r\n  _focus: {\r\n    dependentOn: 'state',\r\n    respondTo: 'isFocused',\r\n    priority: SPECIFICITY_50,\r\n  },\r\n  _focusVisible: {\r\n    dependentOn: 'state',\r\n    respondTo: 'isFocusVisible',\r\n    priority: SPECIFICITY_55,\r\n  },\r\n  _hover: {\r\n    dependentOn: 'state',\r\n    respondTo: 'isHovered',\r\n    priority: SPECIFICITY_60,\r\n  },\r\n  _pressed: {\r\n    dependentOn: 'state',\r\n    respondTo: 'isPressed',\r\n    priority: SPECIFICITY_70,\r\n  },\r\n  _disabled: {\r\n    dependentOn: 'state',\r\n    respondTo: 'isDisabled',\r\n    priority: SPECIFICITY_100,\r\n  },\r\n  _loading: {\r\n    dependentOn: 'state',\r\n    respondTo: 'isLoading',\r\n    priority: SPECIFICITY_110,\r\n  },\r\n  _important: {\r\n    dependentOn: null,\r\n    priority: SPECIFICITY_1000,\r\n  },\r\n} as const;\r\n\r\ntype IPseudoPropsMap = typeof pseudoPropsMap;\r\ntype ExtractState<T extends IPseudoPropsMap> = {\r\n  // @ts-ignore\r\n  [P in keyof T as T[P]['respondTo']]?: boolean;\r\n};\r\nexport type IStateProps = ExtractState<IPseudoPropsMap>;\r\n\r\nexport const compareSpecificity = (\r\n  exisiting: any,\r\n  upcoming: any,\r\n  ignorebaseTheme?: boolean\r\n  // property?: any\r\n) => {\r\n  if (!exisiting) return true;\r\n  if (!upcoming) return false;\r\n  const condition = ignorebaseTheme\r\n    ? specificityPrecedence.length - 1\r\n    : specificityPrecedence.length;\r\n  for (let index = 0; index < condition; index++) {\r\n    if (\r\n      exisiting[specificityPrecedence[index]] >\r\n      upcoming[specificityPrecedence[index]]\r\n    ) {\r\n      return false;\r\n    } else if (\r\n      exisiting[specificityPrecedence[index]] <\r\n      upcoming[specificityPrecedence[index]]\r\n    ) {\r\n      return true;\r\n    }\r\n  }\r\n  return true;\r\n};\r\n\r\nconst shouldResolvePseudoProp = ({\r\n  property,\r\n  state,\r\n  platform,\r\n  colormode,\r\n}: {\r\n  property: keyof IPseudoPropsMap;\r\n  state: IStateProps;\r\n  platform: any;\r\n  colormode: any;\r\n}) => {\r\n  if (pseudoPropsMap[property].dependentOn === 'platform') {\r\n    return property === `_${platform}`;\r\n  } else if (pseudoPropsMap[property].dependentOn === 'colormode') {\r\n    return property === `_${colormode}`;\r\n  } else if (pseudoPropsMap[property].dependentOn === 'state') {\r\n    // @ts-ignore\r\n    return state[pseudoPropsMap[property].respondTo];\r\n  } else if (pseudoPropsMap[property].dependentOn === null) {\r\n    return true;\r\n  } else {\r\n    return false;\r\n  }\r\n};\r\n\r\nconst simplifyProps = (\r\n  {\r\n    props,\r\n    colormode,\r\n    platform,\r\n    state,\r\n    currentSpecificity,\r\n    previouslyFlattenProps,\r\n    cascadePseudoProps,\r\n  }: any,\r\n  flattenProps: any = {},\r\n  specificityMap: any = {},\r\n  priority: number\r\n) => {\r\n  const mergePsuedoProps = (property: string, propertySpecity: object) => {\r\n    if (compareSpecificity(specificityMap[property], propertySpecity, false)) {\r\n      if (process.env.NODE_ENV === 'development' && props.debug) {\r\n        /* eslint-disable-next-line */\r\n        console.log(\r\n          `%c ${property}`,\r\n          'color: #818cf8;',\r\n          'updated as internal prop with higher specificity'\r\n        );\r\n      }\r\n      specificityMap[property] = propertySpecity;\r\n      // merging internal props (like, _text, _stack ...)\r\n      flattenProps[property] = merge(\r\n        {},\r\n        flattenProps[property],\r\n        props[property]\r\n      );\r\n    } else {\r\n      if (process.env.NODE_ENV === 'development' && props.debug) {\r\n        /* eslint-disable-next-line */\r\n        console.log(\r\n          `%c ${property}`,\r\n          'color: #818cf8;',\r\n          'updated as internal prop with lower specificity'\r\n        );\r\n      }\r\n      flattenProps[property] = merge(\r\n        {},\r\n        props[property],\r\n        flattenProps[property]\r\n      );\r\n    }\r\n  };\r\n  for (const property in props) {\r\n    // NOTE: the order is important here. Keep in mind while specificity breakpoints.\r\n    const propertySpecity = currentSpecificity\r\n      ? { ...currentSpecificity }\r\n      : {\r\n          ...INITIAL_PROP_SPECIFICITY,\r\n          [SPECIFICITY_20]: priority,\r\n        };\r\n\r\n    if (\r\n      // @ts-ignore\r\n      state[pseudoPropsMap[property]?.respondTo] ||\r\n      ['_dark', '_light', '_web', '_ios', '_android', '_important'].includes(\r\n        property\r\n      )\r\n    ) {\r\n      // @ts-ignore\r\n      if (shouldResolvePseudoProp({ property, state, platform, colormode })) {\r\n        // NOTE: Handling (state driven) props like _important, _web, _ios, _android, _dark, _light, _disabled, _focus, _focusVisible, _hover, _pressed, _readOnly, _invalid, .... Only when they are true.\r\n        if (process.env.NODE_ENV === 'development' && props.debug) {\r\n          /* eslint-disable-next-line */\r\n          console.log(\r\n            `%c ${property}`,\r\n            'color: #818cf8;',\r\n            'recursively resolving'\r\n          );\r\n        }\r\n        // @ts-ignore\r\n        propertySpecity[pseudoPropsMap[property].priority]++;\r\n        simplifyProps(\r\n          {\r\n            props: props[property],\r\n            colormode,\r\n            platform,\r\n            state,\r\n            currentSpecificity: propertySpecity,\r\n            previouslyFlattenProps: previouslyFlattenProps,\r\n            cascadePseudoProps,\r\n          },\r\n          flattenProps,\r\n          specificityMap,\r\n          priority\r\n        );\r\n      }\r\n      // @ts-ignore\r\n    } else if (pseudoPropsMap[property] === undefined) {\r\n      if (property.startsWith('_')) {\r\n        // NOTE: Handling (internal) props like _text, _stack, ....\r\n        mergePsuedoProps(property, propertySpecity);\r\n      } else {\r\n        if (\r\n          compareSpecificity(specificityMap[property], propertySpecity, false)\r\n        ) {\r\n          if (process.env.NODE_ENV === 'development' && props.debug) {\r\n            /* eslint-disable-next-line */\r\n            console.log(\r\n              `%c ${property}`,\r\n              'color: #818cf8;',\r\n              'updated as simple prop'\r\n            );\r\n          }\r\n          specificityMap[property] = propertySpecity;\r\n          // replacing simple props (like, p, m, bg, color, ...)\r\n          flattenProps[property] = props[property];\r\n        } else {\r\n          if (process.env.NODE_ENV === 'development' && props.debug) {\r\n            /* eslint-disable-next-line */\r\n            console.log(`%c ${property}`, 'color: #818cf8;', 'ignored');\r\n          }\r\n        }\r\n      }\r\n    } else {\r\n      // Can delete unused props\r\n      if (!cascadePseudoProps) {\r\n        delete flattenProps[property];\r\n        if (process.env.NODE_ENV === 'development' && props.debug) {\r\n          /* eslint-disable-next-line */\r\n          console.log(`%c ${property}`, 'color: #818cf8;', 'deleted');\r\n        }\r\n      } else {\r\n        if (process.env.NODE_ENV === 'development' && props.debug) {\r\n          /* eslint-disable-next-line */\r\n          console.log(`%c ${property}`, 'color: #818cf8;', 'cascaded');\r\n        }\r\n        mergePsuedoProps(property, propertySpecity);\r\n      }\r\n    }\r\n  }\r\n};\r\n\r\nexport const propsFlattener = (\r\n  {\r\n    props,\r\n    colormode,\r\n    platform,\r\n    state,\r\n    currentSpecificityMap,\r\n    previouslyFlattenProps,\r\n    cascadePseudoProps,\r\n  }: any,\r\n  priority: number\r\n) => {\r\n  const flattenProps: any = {};\r\n\r\n  for (const property in props) {\r\n    if (\r\n      // @ts-ignore\r\n      state[pseudoPropsMap[property]?.respondTo] === undefined &&\r\n      property.startsWith('_')\r\n    ) {\r\n      flattenProps[property] = previouslyFlattenProps[property];\r\n    }\r\n  }\r\n\r\n  const specificityMap = currentSpecificityMap || {};\r\n\r\n  simplifyProps(\r\n    {\r\n      props,\r\n      colormode,\r\n      platform,\r\n      state,\r\n      currentSpecificityMap,\r\n      previouslyFlattenProps,\r\n      cascadePseudoProps,\r\n    },\r\n    flattenProps,\r\n    specificityMap,\r\n    priority\r\n  );\r\n\r\n  return [flattenProps, specificityMap];\r\n};\r\n"]}

package/lib/module/hooks/useThemeProps/propsFlattenerTest.js

@@ -0,0 +1,216 @@
+import merge from 'lodash.merge';
+const SPECIFICITY_100 = 100;
+const SPECIFICITY_70 = 70;
+const SPECIFICITY_60 = 60;
+const SPECIFICITY_55 = 55;
+const SPECIFICITY_50 = 50;
+const SPECIFICITY_40 = 40;
+const SPECIFICITY_30 = 30;
+const SPECIFICITY_10 = 10;
+const SPECIFICITY_1 = 1;
+const specificityPrecedence = [SPECIFICITY_100, SPECIFICITY_70, SPECIFICITY_60, SPECIFICITY_55, SPECIFICITY_50, SPECIFICITY_40, SPECIFICITY_30, SPECIFICITY_10, SPECIFICITY_1];
+const INITIAL_PROP_SPECIFICITY = {
+  [SPECIFICITY_100]: 0,
+  [SPECIFICITY_70]: 0,
+  [SPECIFICITY_60]: 0,
+  [SPECIFICITY_50]: 0,
+  [SPECIFICITY_55]: 0,
+  [SPECIFICITY_40]: 0,
+  [SPECIFICITY_30]: 0,
+  [SPECIFICITY_10]: 0,
+  [SPECIFICITY_1]: 0
+};
+const pseudoPropsMap = {
+  _web: {
+    dependentOn: 'platform',
+    priority: SPECIFICITY_10
+  },
+  _ios: {
+    dependentOn: 'platform',
+    priority: SPECIFICITY_10
+  },
+  _android: {
+    dependentOn: 'platform',
+    priority: SPECIFICITY_10
+  },
+  _light: {
+    dependentOn: 'colormode',
+    priority: SPECIFICITY_10
+  },
+  _dark: {
+    dependentOn: 'colormode',
+    priority: SPECIFICITY_10
+  },
+  // TODO: have to add more interactionProps and stateProps
+  _indeterminate: {
+    dependentOn: 'state',
+    respondTo: 'isIndeterminate',
+    priority: SPECIFICITY_30
+  },
+  _checked: {
+    dependentOn: 'state',
+    respondTo: 'isChecked',
+    priority: SPECIFICITY_30
+  },
+  // Add new pseudeo props in between -------
+  _readOnly: {
+    dependentOn: 'state',
+    respondTo: 'isReadOnly',
+    priority: SPECIFICITY_30
+  },
+  // Add new pseudeo props in between -------
+  _invalid: {
+    dependentOn: 'state',
+    respondTo: 'isInvalid',
+    priority: SPECIFICITY_40
+  },
+  _focus: {
+    dependentOn: 'state',
+    respondTo: 'isFocused',
+    priority: SPECIFICITY_50
+  },
+  _focusVisible: {
+    dependentOn: 'state',
+    respondTo: 'isFocusVisible',
+    priority: SPECIFICITY_55
+  },
+  _hover: {
+    dependentOn: 'state',
+    respondTo: 'isHovered',
+    priority: SPECIFICITY_60
+  },
+  _pressed: {
+    dependentOn: 'state',
+    respondTo: 'isPressed',
+    priority: SPECIFICITY_70
+  },
+  _disabled: {
+    dependentOn: 'state',
+    respondTo: 'isDisabled',
+    priority: SPECIFICITY_100
+  }
+};
+export const compareSpecificity = (exisiting, upcoming, ignorebaseTheme) => // property?: any
+{
+  if (!exisiting) return true;
+  if (!upcoming) return false;
+  const condition = ignorebaseTheme ? specificityPrecedence.length - 1 : specificityPrecedence.length;
+
+  for (let index = 0; index < condition; index++) {
+    if (exisiting[specificityPrecedence[index]] > upcoming[specificityPrecedence[index]]) {
+      return false;
+    } else if (exisiting[specificityPrecedence[index]] < upcoming[specificityPrecedence[index]]) {
+      return true;
+    }
+  }
+
+  return true;
+};
+
+const shouldResolvePseudoProp = ({
+  property,
+  state,
+  platform,
+  colormode
+}) => {
+  if (pseudoPropsMap[property].dependentOn === 'platform') {
+    return property === "_".concat(platform);
+  } else if (pseudoPropsMap[property].dependentOn === 'colormode') {
+    return property === "_".concat(colormode);
+  } else if (pseudoPropsMap[property].dependentOn === 'state') {
+    return state[pseudoPropsMap[property].respondTo];
+  } else {
+    return false;
+  }
+};
+
+const simplifyProps = ({
+  props,
+  colormode,
+  platform,
+  state,
+  currentSpecificity,
+  previouslyFlattenProps
+}, flattenProps = {}, specificityMap = {}, priority) => {
+  for (const property in props) {
+    var _pseudoPropsMap$prope, _pseudoPropsMap$prope2;
+
+    // NOTE: the order is important here. Keep in mind while specificity breakpoints.
+    const propertySpecity = currentSpecificity ? { ...currentSpecificity
+    } : { ...INITIAL_PROP_SPECIFICITY,
+      [SPECIFICITY_1]: priority
+    };
+
+    if (state[(_pseudoPropsMap$prope = pseudoPropsMap[property]) === null || _pseudoPropsMap$prope === void 0 ? void 0 : _pseudoPropsMap$prope.respondTo] || ['_dark', '_light', '_web', '_ios', '_android'].includes(property)) {
+      if (shouldResolvePseudoProp({
+        property,
+        state,
+        platform,
+        colormode
+      })) {
+        propertySpecity[pseudoPropsMap[property].priority]++;
+        simplifyProps({
+          props: props[property],
+          colormode,
+          platform,
+          state,
+          currentSpecificity: propertySpecity,
+          previouslyFlattenProps: previouslyFlattenProps
+        }, flattenProps, specificityMap, priority);
+      }
+    } else if (state[(_pseudoPropsMap$prope2 = pseudoPropsMap[property]) === null || _pseudoPropsMap$prope2 === void 0 ? void 0 : _pseudoPropsMap$prope2.respondTo] === undefined) {
+      if (property.startsWith('_')) {
+        if (compareSpecificity(specificityMap[property], propertySpecity, false)) {
+          specificityMap[property] = propertySpecity; // merging internal props (like, _text, _checked, ...)
+
+          flattenProps[property] = merge({}, flattenProps[property], props[property]);
+        } else {
+          flattenProps[property] = merge({}, props[property], flattenProps[property]);
+        }
+      } else {
+        if (compareSpecificity(specificityMap[property], propertySpecity, false)) {
+          specificityMap[property] = propertySpecity; // replacing simple props (like, p, m, bg, color, ...)
+
+          flattenProps[property] = props[property];
+        }
+      }
+    }
+  }
+};
+
+export const propsFlattener = ({
+  props,
+  colormode,
+  platform,
+  state,
+  currentSpecificityMap,
+  previouslyFlattenProps
+}, priority) => {
+  const flattenProps = {};
+
+  for (const property in props) {
+    var _pseudoPropsMap$prope3;
+
+    if (state[(_pseudoPropsMap$prope3 = pseudoPropsMap[property]) === null || _pseudoPropsMap$prope3 === void 0 ? void 0 : _pseudoPropsMap$prope3.respondTo] === undefined && property.startsWith('_')) {
+      flattenProps[property] = previouslyFlattenProps[property];
+    }
+  }
+
+  const specificityMap = currentSpecificityMap || {}; // STEP 1.a (if): Check weather it should be recursively resolved
+  // NOTE: (when true) recursively resolved it
+  // STEP 1.b (else if): Check specificty
+  // STEP 1.b.i: Check for pseudo props
+  // NOTE: (when true) Merge it.
+  // NOTE: (when false) Replace it.
+
+  simplifyProps({
+    props,
+    colormode,
+    platform,
+    state,
+    currentSpecificityMap,
+    previouslyFlattenProps
+  }, flattenProps, specificityMap, priority);
+  return [flattenProps, specificityMap];
+};
+//# sourceMappingURL=propsFlattenerTest.js.map

package/lib/module/hooks/useThemeProps/propsFlattenerTest.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["propsFlattenerTest.tsx"],"names":["merge","SPECIFICITY_100","SPECIFICITY_70","SPECIFICITY_60","SPECIFICITY_55","SPECIFICITY_50","SPECIFICITY_40","SPECIFICITY_30","SPECIFICITY_10","SPECIFICITY_1","specificityPrecedence","INITIAL_PROP_SPECIFICITY","pseudoPropsMap","_web","dependentOn","priority","_ios","_android","_light","_dark","_indeterminate","respondTo","_checked","_readOnly","_invalid","_focus","_focusVisible","_hover","_pressed","_disabled","compareSpecificity","exisiting","upcoming","ignorebaseTheme","condition","length","index","shouldResolvePseudoProp","property","state","platform","colormode","simplifyProps","props","currentSpecificity","previouslyFlattenProps","flattenProps","specificityMap","propertySpecity","includes","undefined","startsWith","propsFlattener","currentSpecificityMap"],"mappings":"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","sourcesContent":["import merge from 'lodash.merge';\r\n\r\nconst SPECIFICITY_100 = 100;\r\nconst SPECIFICITY_70 = 70;\r\nconst SPECIFICITY_60 = 60;\r\nconst SPECIFICITY_55 = 55;\r\nconst SPECIFICITY_50 = 50;\r\nconst SPECIFICITY_40 = 40;\r\nconst SPECIFICITY_30 = 30;\r\nconst SPECIFICITY_10 = 10;\r\nconst SPECIFICITY_1 = 1;\r\nconst specificityPrecedence = [\r\n  SPECIFICITY_100,\r\n  SPECIFICITY_70,\r\n  SPECIFICITY_60,\r\n  SPECIFICITY_55,\r\n  SPECIFICITY_50,\r\n  SPECIFICITY_40,\r\n  SPECIFICITY_30,\r\n  SPECIFICITY_10,\r\n  SPECIFICITY_1,\r\n];\r\nconst INITIAL_PROP_SPECIFICITY = {\r\n  [SPECIFICITY_100]: 0,\r\n  [SPECIFICITY_70]: 0,\r\n  [SPECIFICITY_60]: 0,\r\n  [SPECIFICITY_50]: 0,\r\n  [SPECIFICITY_55]: 0,\r\n  [SPECIFICITY_40]: 0,\r\n  [SPECIFICITY_30]: 0,\r\n  [SPECIFICITY_10]: 0,\r\n  [SPECIFICITY_1]: 0,\r\n};\r\n\r\nconst pseudoPropsMap: any = {\r\n  _web: { dependentOn: 'platform', priority: SPECIFICITY_10 },\r\n  _ios: { dependentOn: 'platform', priority: SPECIFICITY_10 },\r\n  _android: { dependentOn: 'platform', priority: SPECIFICITY_10 },\r\n\r\n  _light: { dependentOn: 'colormode', priority: SPECIFICITY_10 },\r\n  _dark: { dependentOn: 'colormode', priority: SPECIFICITY_10 },\r\n\r\n  // TODO: have to add more interactionProps and stateProps\r\n  _indeterminate: {\r\n    dependentOn: 'state',\r\n    respondTo: 'isIndeterminate',\r\n    priority: SPECIFICITY_30,\r\n  },\r\n  _checked: {\r\n    dependentOn: 'state',\r\n    respondTo: 'isChecked',\r\n    priority: SPECIFICITY_30,\r\n  },\r\n  // Add new pseudeo props in between -------\r\n  _readOnly: {\r\n    dependentOn: 'state',\r\n    respondTo: 'isReadOnly',\r\n    priority: SPECIFICITY_30,\r\n  },\r\n  // Add new pseudeo props in between -------\r\n  _invalid: {\r\n    dependentOn: 'state',\r\n    respondTo: 'isInvalid',\r\n    priority: SPECIFICITY_40,\r\n  },\r\n  _focus: {\r\n    dependentOn: 'state',\r\n    respondTo: 'isFocused',\r\n    priority: SPECIFICITY_50,\r\n  },\r\n  _focusVisible: {\r\n    dependentOn: 'state',\r\n    respondTo: 'isFocusVisible',\r\n    priority: SPECIFICITY_55,\r\n  },\r\n  _hover: {\r\n    dependentOn: 'state',\r\n    respondTo: 'isHovered',\r\n    priority: SPECIFICITY_60,\r\n  },\r\n  _pressed: {\r\n    dependentOn: 'state',\r\n    respondTo: 'isPressed',\r\n    priority: SPECIFICITY_70,\r\n  },\r\n  _disabled: {\r\n    dependentOn: 'state',\r\n    respondTo: 'isDisabled',\r\n    priority: SPECIFICITY_100,\r\n  },\r\n};\r\n\r\nexport const compareSpecificity = (\r\n  exisiting: any,\r\n  upcoming: any,\r\n  ignorebaseTheme?: boolean\r\n  // property?: any\r\n) => {\r\n  if (!exisiting) return true;\r\n  if (!upcoming) return false;\r\n  const condition = ignorebaseTheme\r\n    ? specificityPrecedence.length - 1\r\n    : specificityPrecedence.length;\r\n  for (let index = 0; index < condition; index++) {\r\n    if (\r\n      exisiting[specificityPrecedence[index]] >\r\n      upcoming[specificityPrecedence[index]]\r\n    ) {\r\n      return false;\r\n    } else if (\r\n      exisiting[specificityPrecedence[index]] <\r\n      upcoming[specificityPrecedence[index]]\r\n    ) {\r\n      return true;\r\n    }\r\n  }\r\n  return true;\r\n};\r\n\r\nconst shouldResolvePseudoProp = ({\r\n  property,\r\n  state,\r\n  platform,\r\n  colormode,\r\n}: any) => {\r\n  if (pseudoPropsMap[property].dependentOn === 'platform') {\r\n    return property === `_${platform}`;\r\n  } else if (pseudoPropsMap[property].dependentOn === 'colormode') {\r\n    return property === `_${colormode}`;\r\n  } else if (pseudoPropsMap[property].dependentOn === 'state') {\r\n    return state[pseudoPropsMap[property].respondTo];\r\n  } else {\r\n    return false;\r\n  }\r\n};\r\n\r\nconst simplifyProps = (\r\n  {\r\n    props,\r\n    colormode,\r\n    platform,\r\n    state,\r\n    currentSpecificity,\r\n    previouslyFlattenProps,\r\n  }: any,\r\n  flattenProps: any = {},\r\n  specificityMap: any = {},\r\n  priority: number\r\n) => {\r\n  for (const property in props) {\r\n    // NOTE: the order is important here. Keep in mind while specificity breakpoints.\r\n    const propertySpecity = currentSpecificity\r\n      ? { ...currentSpecificity }\r\n      : {\r\n          ...INITIAL_PROP_SPECIFICITY,\r\n          [SPECIFICITY_1]: priority,\r\n        };\r\n\r\n    if (\r\n      state[pseudoPropsMap[property]?.respondTo] ||\r\n      ['_dark', '_light', '_web', '_ios', '_android'].includes(property)\r\n    ) {\r\n      if (shouldResolvePseudoProp({ property, state, platform, colormode })) {\r\n        propertySpecity[pseudoPropsMap[property].priority]++;\r\n\r\n        simplifyProps(\r\n          {\r\n            props: props[property],\r\n            colormode,\r\n            platform,\r\n            state,\r\n            currentSpecificity: propertySpecity,\r\n            previouslyFlattenProps: previouslyFlattenProps,\r\n          },\r\n          flattenProps,\r\n          specificityMap,\r\n          priority\r\n        );\r\n      }\r\n    } else if (state[pseudoPropsMap[property]?.respondTo] === undefined) {\r\n      if (property.startsWith('_')) {\r\n        if (\r\n          compareSpecificity(specificityMap[property], propertySpecity, false)\r\n        ) {\r\n          specificityMap[property] = propertySpecity;\r\n          // merging internal props (like, _text, _checked, ...)\r\n          flattenProps[property] = merge(\r\n            {},\r\n            flattenProps[property],\r\n            props[property]\r\n          );\r\n        } else {\r\n          flattenProps[property] = merge(\r\n            {},\r\n            props[property],\r\n            flattenProps[property]\r\n          );\r\n        }\r\n      } else {\r\n        if (\r\n          compareSpecificity(specificityMap[property], propertySpecity, false)\r\n        ) {\r\n          specificityMap[property] = propertySpecity;\r\n          // replacing simple props (like, p, m, bg, color, ...)\r\n          flattenProps[property] = props[property];\r\n        }\r\n      }\r\n    }\r\n  }\r\n};\r\n\r\nexport const propsFlattener = (\r\n  {\r\n    props,\r\n    colormode,\r\n    platform,\r\n    state,\r\n    currentSpecificityMap,\r\n    previouslyFlattenProps,\r\n  }: any,\r\n  priority: number\r\n) => {\r\n  const flattenProps: any = {};\r\n\r\n  for (const property in props) {\r\n    if (\r\n      state[pseudoPropsMap[property]?.respondTo] === undefined &&\r\n      property.startsWith('_')\r\n    ) {\r\n      flattenProps[property] = previouslyFlattenProps[property];\r\n    }\r\n  }\r\n\r\n  const specificityMap = currentSpecificityMap || {};\r\n\r\n  // STEP 1.a (if): Check weather it should be recursively resolved\r\n  // NOTE: (when true) recursively resolved it\r\n  // STEP 1.b (else if): Check specificty\r\n  // STEP 1.b.i: Check for pseudo props\r\n  // NOTE: (when true) Merge it.\r\n  // NOTE: (when false) Replace it.\r\n\r\n  simplifyProps(\r\n    {\r\n      props,\r\n      colormode,\r\n      platform,\r\n      state,\r\n      currentSpecificityMap,\r\n      previouslyFlattenProps,\r\n    },\r\n    flattenProps,\r\n    specificityMap,\r\n    priority\r\n  );\r\n\r\n  return [flattenProps, specificityMap];\r\n};\r\n"]}