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

package/lib/module/theme/styled-system.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["styled-system.ts"],"names":["StyleSheet","get","transparentize","getStyledFromProps","convertStringNumberToNumber","isNumber","n","isNaN","getColor","rawValue","scale","theme","alphaMatched","match","colorMatched","color","alphaValue","split","alphaFromToken","opacity","alpha","parseFloat","newColor","getMargin","isNegative","absolute","Math","abs","value","layout","width","property","w","height","h","minWidth","minW","minHeight","minH","maxWidth","maxW","maxHeight","maxH","size","properties","boxSize","overflow","overflowX","overflowY","display","verticalAlign","textAlign","flexbox","alignItems","alignContent","justifyItems","justifyContent","flexWrap","flexDirection","flexDir","flex","flexGrow","flexShrink","flexBasis","justifySelf","alignSelf","order","position","zIndex","top","right","bottom","left","transformer","tintColor","backgroundColor","bg","bgColor","background","textDecorationColor","border","borderWidth","borderStyle","borderColor","borderRadius","borderTop","borderTopRadius","borderLeftRadius","borderRightRadius","borderTopLeftRadius","borderTopRightRadius","borderRight","borderBottom","borderBottomLeftRadius","borderBottomRightRadius","borderLeft","borderX","borderY","borderTopWidth","borderTopColor","borderTopStyle","borderBottomWidth","borderBottomColor","borderBottomStyle","borderLeftWidth","borderLeftColor","borderLeftStyle","borderRightWidth","borderRightColor","borderRightStyle","rounded","roundedTopLeft","roundedTopRight","roundedBottomLeft","roundedBottomRight","roundedTop","borderBottomRadius","roundedBottom","roundedLeft","roundedRight","backgroundSize","backgroundPosition","backgroundRepeat","backgroundAttachment","backgroundBlendMode","bgImage","bgImg","bgBlendMode","bgSize","bgPosition","bgPos","bgRepeat","bgAttachment","space","margin","m","marginTop","mt","marginRight","mr","marginBottom","mb","marginLeft","ml","marginX","mx","marginY","my","padding","p","paddingTop","pt","paddingRight","pr","paddingBottom","pb","paddingLeft","pl","paddingX","px","paddingY","py","gap","typography","fontFamily","fontSize","fontWeight","val","toString","lineHeight","letterSpacing","fontStyle","wordBreak","overflowWrap","textOverflow","textTransform","whiteSpace","textDecoration","txtDecor","textDecorationLine","extraProps","outline","outlineWidth","outlineColor","outlineStyle","shadow","cursor","userSelect","propConfig","getStyleAndFilteredProps","style","debug","currentBreakpoint","getResponsiveStyles","styledSystemProps","dataSet","orderedBreakPoints","Object","entries","breakpoints","sort","a","b","styleFromProps","responsiveStyles","query","forEach","o","key","initial","base","push","newDataSet","styles","flatten","process","env","NODE_ENV","console","log","styleSheet","create","box"],"mappings":"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","sourcesContent":["import { StyleSheet } from 'react-native';\r\nimport get from 'lodash.get';\r\nimport { transparentize } from './tools';\r\nimport type { ITheme } from '.';\r\nimport type { UseResponsiveQueryParams } from '../utils/useResponsiveQuery';\r\nimport { getStyledFromProps } from '../utils/getStyledFromProps';\r\nimport { convertStringNumberToNumber } from '../utils/convertStringNumberToNumber';\r\nconst isNumber = (n: any) => typeof n === 'number' && !isNaN(n);\r\n\r\nexport const getColor = (rawValue: any, scale: any, theme: any) => {\r\n  const alphaMatched =\r\n    typeof rawValue === 'string' ? rawValue?.match(/:alpha\\.\\d\\d?\\d?/) : false;\r\n\r\n  if (alphaMatched) {\r\n    const colorMatched = rawValue?.match(/^.*?(?=:alpha)/);\r\n    const color = colorMatched ? colorMatched[0] : colorMatched;\r\n    const alphaValue = alphaMatched[0].split('.')[1];\r\n    const alphaFromToken = get(theme.opacity, alphaValue, alphaValue);\r\n    const alpha = alphaFromToken ? parseFloat(alphaFromToken) : 1;\r\n    const newColor = transparentize(color, alpha)(theme);\r\n    return newColor;\r\n  } else {\r\n    return get(scale, rawValue, rawValue);\r\n  }\r\n};\r\n\r\n// To handle negative margins\r\nconst getMargin = (n: any, scale: any) => {\r\n  n = convertStringNumberToNumber('margin', n);\r\n  if (!isNumber(n)) {\r\n    return get(scale, n, n);\r\n  }\r\n\r\n  const isNegative = n < 0;\r\n  const absolute = Math.abs(n);\r\n  const value = get(scale, absolute, absolute);\r\n  if (!isNumber(value)) {\r\n    return isNegative ? '-' + value : value;\r\n  }\r\n  return value * (isNegative ? -1 : 1);\r\n};\r\n\r\nexport const layout = {\r\n  width: {\r\n    property: 'width',\r\n    scale: 'sizes',\r\n  },\r\n  w: {\r\n    property: 'width',\r\n    scale: 'sizes',\r\n  },\r\n  height: {\r\n    property: 'height',\r\n    scale: 'sizes',\r\n  },\r\n  h: {\r\n    property: 'height',\r\n    scale: 'sizes',\r\n  },\r\n  minWidth: {\r\n    property: 'minWidth',\r\n    scale: 'sizes',\r\n  },\r\n  minW: {\r\n    property: 'minWidth',\r\n    scale: 'sizes',\r\n  },\r\n  minHeight: {\r\n    property: 'minHeight',\r\n    scale: 'sizes',\r\n  },\r\n  minH: {\r\n    property: 'minHeight',\r\n    scale: 'sizes',\r\n  },\r\n  maxWidth: {\r\n    property: 'maxWidth',\r\n    scale: 'sizes',\r\n  },\r\n  maxW: {\r\n    property: 'maxWidth',\r\n    scale: 'sizes',\r\n  },\r\n  maxHeight: {\r\n    property: 'maxHeight',\r\n    scale: 'sizes',\r\n  },\r\n  maxH: {\r\n    property: 'maxHeight',\r\n    scale: 'sizes',\r\n  },\r\n  size: {\r\n    properties: ['width', 'height'],\r\n    scale: 'sizes',\r\n  },\r\n  boxSize: {\r\n    properties: ['width', 'height'],\r\n    scale: 'sizes',\r\n  },\r\n  overflow: true,\r\n  overflowX: true,\r\n  overflowY: true,\r\n  display: true,\r\n  verticalAlign: true,\r\n  textAlign: true,\r\n} as const;\r\n\r\nexport const flexbox = {\r\n  alignItems: true,\r\n  alignContent: true,\r\n  justifyItems: true,\r\n  justifyContent: true,\r\n  flexWrap: true,\r\n  flexDirection: true,\r\n  flexDir: {\r\n    property: 'flexDirection',\r\n    scale: 'flexDirection',\r\n  },\r\n  // item\r\n  flex: true,\r\n  flexGrow: true,\r\n  flexShrink: true,\r\n  flexBasis: true,\r\n  justifySelf: true,\r\n  alignSelf: true,\r\n  order: true,\r\n} as const;\r\n\r\nexport const position = {\r\n  position: true,\r\n  zIndex: {\r\n    property: 'zIndex',\r\n  },\r\n  top: {\r\n    property: 'top',\r\n    scale: 'space',\r\n  },\r\n  right: {\r\n    property: 'right',\r\n    scale: 'space',\r\n  },\r\n  bottom: {\r\n    property: 'bottom',\r\n    scale: 'space',\r\n  },\r\n  left: {\r\n    property: 'left',\r\n    scale: 'space',\r\n  },\r\n} as const;\r\n\r\nexport const color = {\r\n  color: {\r\n    property: 'color',\r\n    scale: 'colors',\r\n    transformer: getColor,\r\n  },\r\n  tintColor: {\r\n    property: 'tintColor',\r\n    scale: 'colors',\r\n    transformer: getColor,\r\n  },\r\n  backgroundColor: {\r\n    property: 'backgroundColor',\r\n    scale: 'colors',\r\n    transformer: getColor,\r\n  },\r\n  opacity: {\r\n    property: 'opacity',\r\n    scale: 'opacity',\r\n  },\r\n  bg: {\r\n    property: 'backgroundColor',\r\n    scale: 'colors',\r\n    transformer: getColor,\r\n  },\r\n  bgColor: {\r\n    property: 'backgroundColor',\r\n    scale: 'colors',\r\n    transformer: getColor,\r\n  },\r\n  background: {\r\n    property: 'backgroundColor',\r\n    scale: 'colors',\r\n    transformer: getColor,\r\n  },\r\n  textDecorationColor: {\r\n    property: 'textDecorationColor',\r\n    scale: 'colors',\r\n    transformer: getColor,\r\n  },\r\n} as const;\r\n\r\nexport const border = {\r\n  borderWidth: {\r\n    property: 'borderWidth',\r\n    scale: 'borderWidths',\r\n  },\r\n  borderStyle: {\r\n    property: 'borderStyle',\r\n    scale: 'borderStyles',\r\n  },\r\n  borderColor: {\r\n    property: 'borderColor',\r\n    scale: 'colors',\r\n    transformer: getColor,\r\n  },\r\n  borderRadius: {\r\n    property: 'borderRadius',\r\n    scale: 'radii',\r\n  },\r\n  borderTop: {\r\n    property: 'borderTop',\r\n    scale: 'borders',\r\n  },\r\n  borderTopRadius: {\r\n    properties: ['borderTopLeftRadius', 'borderTopRightRadius'],\r\n    scale: 'radii',\r\n  },\r\n  borderLeftRadius: {\r\n    properties: ['borderTopLeftRadius', 'borderBottomLeftRadius'],\r\n    scale: 'radii',\r\n  },\r\n  borderRightRadius: {\r\n    properties: ['borderTopRightRadius', 'borderBottomRightRadius'],\r\n    scale: 'radii',\r\n  },\r\n  borderTopLeftRadius: {\r\n    property: 'borderTopLeftRadius',\r\n    scale: 'radii',\r\n  },\r\n  borderTopRightRadius: {\r\n    property: 'borderTopRightRadius',\r\n    scale: 'radii',\r\n  },\r\n  borderRight: {\r\n    property: 'borderRight',\r\n    scale: 'borders',\r\n  },\r\n  borderBottom: {\r\n    property: 'borderBottom',\r\n    scale: 'borders',\r\n  },\r\n  borderBottomLeftRadius: {\r\n    property: 'borderBottomLeftRadius',\r\n    scale: 'radii',\r\n  },\r\n  borderBottomRightRadius: {\r\n    property: 'borderBottomRightRadius',\r\n    scale: 'radii',\r\n  },\r\n  borderLeft: {\r\n    property: 'borderLeft',\r\n    scale: 'borders',\r\n  },\r\n  borderX: {\r\n    properties: ['borderLeft', 'borderRight'],\r\n    scale: 'borders',\r\n  },\r\n  borderY: {\r\n    properties: ['borderTop', 'borderBottom'],\r\n    scale: 'borders',\r\n  },\r\n  borderTopWidth: {\r\n    property: 'borderTopWidth',\r\n    scale: 'borderWidths',\r\n  },\r\n  borderTopColor: {\r\n    property: 'borderTopColor',\r\n    scale: 'colors',\r\n    transformer: getColor,\r\n  },\r\n  borderTopStyle: {\r\n    property: 'borderTopStyle',\r\n    scale: 'borderStyles',\r\n  },\r\n  borderBottomWidth: {\r\n    property: 'borderBottomWidth',\r\n    scale: 'borderWidths',\r\n  },\r\n  borderBottomColor: {\r\n    property: 'borderBottomColor',\r\n    scale: 'colors',\r\n    transformer: getColor,\r\n  },\r\n  borderBottomStyle: {\r\n    property: 'borderBottomStyle',\r\n    scale: 'borderStyles',\r\n  },\r\n  borderLeftWidth: {\r\n    property: 'borderLeftWidth',\r\n    scale: 'borderWidths',\r\n  },\r\n  borderLeftColor: {\r\n    property: 'borderLeftColor',\r\n    scale: 'colors',\r\n    transformer: getColor,\r\n  },\r\n  borderLeftStyle: {\r\n    property: 'borderLeftStyle',\r\n    scale: 'borderStyles',\r\n  },\r\n  borderRightWidth: {\r\n    property: 'borderRightWidth',\r\n    scale: 'borderWidths',\r\n  },\r\n  borderRightColor: {\r\n    property: 'borderRightColor',\r\n    scale: 'colors',\r\n    transformer: getColor,\r\n  },\r\n  borderRightStyle: {\r\n    property: 'borderRightStyle',\r\n    scale: 'borderStyles',\r\n  },\r\n  rounded: {\r\n    property: 'borderRadius',\r\n    scale: 'radii',\r\n  },\r\n\r\n  roundedTopLeft: {\r\n    property: 'borderTopLeftRadius',\r\n    scale: 'radii',\r\n  },\r\n\r\n  roundedTopRight: {\r\n    property: 'borderTopRightRadius',\r\n    scale: 'radii',\r\n  },\r\n\r\n  roundedBottomLeft: {\r\n    property: 'borderBottomLeftRadius',\r\n    scale: 'radii',\r\n  },\r\n\r\n  roundedBottomRight: {\r\n    property: 'borderBottomRightRadius',\r\n    scale: 'radii',\r\n  },\r\n\r\n  roundedTop: {\r\n    properties: ['borderTopLeftRadius', 'borderTopRightRadius'],\r\n    scale: 'radii',\r\n  },\r\n  borderBottomRadius: {\r\n    properties: ['borderBottomLeftRadius', 'borderBottomRightRadius'],\r\n    scale: 'radii',\r\n  },\r\n  roundedBottom: {\r\n    properties: ['borderBottomLeftRadius', 'borderBottomRightRadius'],\r\n    scale: 'radii',\r\n  },\r\n\r\n  roundedLeft: {\r\n    properties: ['borderTopLeftRadius', 'borderBottomLeftRadius'],\r\n    scale: 'radii',\r\n  },\r\n\r\n  roundedRight: {\r\n    properties: ['borderTopRightRadius', 'borderBottomRightRadius'],\r\n    scale: 'radii',\r\n  },\r\n} as const;\r\n\r\nexport const background = {\r\n  backgroundSize: true,\r\n  backgroundPosition: true,\r\n  backgroundRepeat: true,\r\n  backgroundAttachment: true,\r\n  backgroundBlendMode: true,\r\n  bgImage: {\r\n    property: 'backgroundImage',\r\n  },\r\n  bgImg: {\r\n    property: 'backgroundImage',\r\n  },\r\n  bgBlendMode: {\r\n    property: 'backgroundBlendMode',\r\n  },\r\n  bgSize: {\r\n    property: 'backgroundSize',\r\n  },\r\n  bgPosition: {\r\n    property: 'backgroundPosition',\r\n  },\r\n  bgPos: {\r\n    property: 'backgroundPosition',\r\n  },\r\n  bgRepeat: {\r\n    property: 'backgroundRepeat',\r\n  },\r\n  bgAttachment: {\r\n    property: 'backgroundAttachment',\r\n  },\r\n} as const;\r\n\r\nexport const space = {\r\n  margin: {\r\n    property: 'margin',\r\n    scale: 'space',\r\n    transformer: getMargin,\r\n  },\r\n  m: {\r\n    property: 'margin',\r\n    scale: 'space',\r\n    transformer: getMargin,\r\n  },\r\n  marginTop: {\r\n    property: 'marginTop',\r\n    scale: 'space',\r\n    transformer: getMargin,\r\n  },\r\n  mt: {\r\n    property: 'marginTop',\r\n    scale: 'space',\r\n    transformer: getMargin,\r\n  },\r\n  marginRight: {\r\n    property: 'marginRight',\r\n    scale: 'space',\r\n    transformer: getMargin,\r\n  },\r\n  mr: {\r\n    property: 'marginRight',\r\n    scale: 'space',\r\n    transformer: getMargin,\r\n  },\r\n  marginBottom: {\r\n    property: 'marginBottom',\r\n    scale: 'space',\r\n    transformer: getMargin,\r\n  },\r\n  mb: {\r\n    property: 'marginBottom',\r\n    scale: 'space',\r\n    transformer: getMargin,\r\n  },\r\n  marginLeft: {\r\n    property: 'marginLeft',\r\n    scale: 'space',\r\n    transformer: getMargin,\r\n  },\r\n  ml: {\r\n    property: 'marginLeft',\r\n    scale: 'space',\r\n    transformer: getMargin,\r\n  },\r\n  marginX: {\r\n    properties: ['marginLeft', 'marginRight'],\r\n    scale: 'space',\r\n    transformer: getMargin,\r\n  },\r\n  mx: {\r\n    properties: ['marginLeft', 'marginRight'],\r\n    scale: 'space',\r\n    transformer: getMargin,\r\n  },\r\n  marginY: {\r\n    properties: ['marginTop', 'marginBottom'],\r\n    scale: 'space',\r\n    transformer: getMargin,\r\n  },\r\n  my: {\r\n    properties: ['marginTop', 'marginBottom'],\r\n    scale: 'space',\r\n    transformer: getMargin,\r\n  },\r\n\r\n  padding: {\r\n    property: 'padding',\r\n    scale: 'space',\r\n  },\r\n  p: {\r\n    property: 'padding',\r\n    scale: 'space',\r\n  },\r\n  paddingTop: {\r\n    property: 'paddingTop',\r\n    scale: 'space',\r\n  },\r\n  pt: {\r\n    property: 'paddingTop',\r\n    scale: 'space',\r\n  },\r\n  paddingRight: {\r\n    property: 'paddingRight',\r\n    scale: 'space',\r\n  },\r\n  pr: {\r\n    property: 'paddingRight',\r\n    scale: 'space',\r\n  },\r\n  paddingBottom: {\r\n    property: 'paddingBottom',\r\n    scale: 'space',\r\n  },\r\n  pb: {\r\n    property: 'paddingBottom',\r\n    scale: 'space',\r\n  },\r\n  paddingLeft: {\r\n    property: 'paddingLeft',\r\n    scale: 'space',\r\n  },\r\n  pl: {\r\n    property: 'paddingLeft',\r\n    scale: 'space',\r\n  },\r\n  paddingX: {\r\n    properties: ['paddingLeft', 'paddingRight'],\r\n    scale: 'space',\r\n  },\r\n  px: {\r\n    properties: ['paddingLeft', 'paddingRight'],\r\n    scale: 'space',\r\n  },\r\n  paddingY: {\r\n    properties: ['paddingTop', 'paddingBottom'],\r\n    scale: 'space',\r\n  },\r\n  py: {\r\n    properties: ['paddingTop', 'paddingBottom'],\r\n    scale: 'space',\r\n  },\r\n  gap: {\r\n    property: 'gap',\r\n    scale: 'space',\r\n  },\r\n} as const;\r\n\r\nexport const typography = {\r\n  fontFamily: {\r\n    property: 'fontFamily',\r\n    scale: 'fonts',\r\n    // transformer: (val: any, scale: any) => {\r\n    //   const value = get(scale, val);\r\n    //   return value ? value.toString() : undefined;\r\n    // },\r\n  },\r\n  fontSize: {\r\n    property: 'fontSize',\r\n    scale: 'fontSizes',\r\n  },\r\n  fontWeight: {\r\n    property: 'fontWeight',\r\n    scale: 'fontWeights',\r\n    transformer: (val: any, scale: any) => {\r\n      return val ? get(scale, val, val).toString() : val;\r\n    },\r\n  },\r\n  lineHeight: {\r\n    property: 'lineHeight',\r\n    scale: 'lineHeights',\r\n  },\r\n  letterSpacing: {\r\n    property: 'letterSpacing',\r\n    scale: 'letterSpacings',\r\n  },\r\n  textAlign: true,\r\n  fontStyle: true,\r\n  wordBreak: true,\r\n  overflowWrap: true,\r\n  textOverflow: true,\r\n  textTransform: true,\r\n  whiteSpace: true,\r\n  textDecoration: { property: 'textDecorationLine' },\r\n  txtDecor: { property: 'textDecorationLine' },\r\n  textDecorationLine: true,\r\n} as const;\r\n\r\nconst extraProps = {\r\n  outline: true,\r\n  outlineWidth: true,\r\n  outlineColor: true,\r\n  outlineStyle: true,\r\n  shadow: {\r\n    scale: 'shadows',\r\n  },\r\n  cursor: true,\r\n  overflow: true,\r\n  userSelect: { property: 'userSelect' },\r\n} as const;\r\n\r\nexport const propConfig = {\r\n  ...color,\r\n  ...space,\r\n  ...layout,\r\n  ...flexbox,\r\n  ...border,\r\n  ...position,\r\n  ...typography,\r\n  ...background,\r\n  ...extraProps,\r\n} as const;\r\n\r\nexport const getStyleAndFilteredProps = ({\r\n  style,\r\n  theme,\r\n  debug,\r\n  currentBreakpoint,\r\n  getResponsiveStyles,\r\n  styledSystemProps,\r\n}: any) => {\r\n  let dataSet: any = {};\r\n\r\n  const orderedBreakPoints = Object.entries(\r\n    theme.breakpoints as ITheme['breakpoints']\r\n  ).sort((a, b) => a[1] - b[1]);\r\n\r\n  let { styleFromProps, responsiveStyles }: any = getStyledFromProps(\r\n    styledSystemProps,\r\n    theme,\r\n    currentBreakpoint,\r\n    propConfig\r\n  );\r\n\r\n  if (responsiveStyles) {\r\n    const query: UseResponsiveQueryParams = { query: [] };\r\n    orderedBreakPoints.forEach((o) => {\r\n      const key = o[0];\r\n      if (key === 'base') {\r\n        if (responsiveStyles) query.initial = responsiveStyles.base;\r\n      } else {\r\n        if (responsiveStyles)\r\n          if (key in responsiveStyles) {\r\n            query?.query?.push({\r\n              minWidth: o[1],\r\n              style: responsiveStyles[key],\r\n            });\r\n          }\r\n      }\r\n    });\r\n\r\n    const { dataSet: newDataSet, styles } = getResponsiveStyles(query);\r\n    dataSet = { ...dataSet, ...newDataSet };\r\n    styleFromProps = { ...styleFromProps, ...StyleSheet.flatten(styles) };\r\n  }\r\n\r\n  if (process.env.NODE_ENV === 'development' && debug) {\r\n    /* eslint-disable-next-line */\r\n    console.log('style ', debug + ' :: ', {\r\n      styleFromProps,\r\n      style,\r\n      styledSystemProps,\r\n    });\r\n  }\r\n\r\n  return {\r\n    styleSheet: StyleSheet.create({ box: styleFromProps }),\r\n    styleFromProps,\r\n    dataSet,\r\n  };\r\n};\r\n\r\nexport type StyledPropConfig = typeof propConfig;\r\n"]}

package/lib/module/theme/tests/findLastValidBreakpoint.test.js

@@ -0,0 +1,43 @@
+import { findLastValidBreakpoint } from './../../theme/tools/utils';
+import { theme } from '../../theme';
+describe('mode', () => {
+  // const theme = useTheme();
+  test('First array value', () => {
+    expect(findLastValidBreakpoint([1, 2], theme.breakpoints, 0)).toBe(1);
+  });
+  test('Middle array value', () => {
+    expect(findLastValidBreakpoint([1, 2, 3], theme.breakpoints, 1)).toBe(2);
+  });
+  test('Last array value', () => {
+    expect(findLastValidBreakpoint([1, 2, 3], theme.breakpoints, 2)).toBe(3);
+  });
+  test('First Object value', () => {
+    expect(findLastValidBreakpoint({
+      base: 1,
+      sm: 2,
+      lg: 3
+    }, theme.breakpoints, 0)).toBe(1);
+  });
+  test('Middle object value 1', () => {
+    expect(findLastValidBreakpoint({
+      base: 1,
+      sm: 2,
+      lg: 3
+    }, theme.breakpoints, 1)).toBe(2);
+  });
+  test('Middle object value 2', () => {
+    expect(findLastValidBreakpoint({
+      base: 1,
+      sm: 2,
+      lg: 3
+    }, theme.breakpoints, 2)).toBe(2);
+  });
+  test('Last object value', () => {
+    expect(findLastValidBreakpoint({
+      base: 1,
+      sm: 2,
+      lg: 3
+    }, theme.breakpoints, 3)).toBe(3);
+  });
+});
+//# sourceMappingURL=findLastValidBreakpoint.test.js.map

package/lib/module/theme/tests/findLastValidBreakpoint.test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["findLastValidBreakpoint.test.tsx"],"names":["findLastValidBreakpoint","theme","describe","test","expect","breakpoints","toBe","base","sm","lg"],"mappings":"AAAA,SAASA,uBAAT,QAAwC,2BAAxC;AACA,SAASC,KAAT,QAAsB,aAAtB;AAEAC,QAAQ,CAAC,MAAD,EAAS,MAAM;AACrB;AACAC,EAAAA,IAAI,CAAC,mBAAD,EAAsB,MAAM;AAC9BC,IAAAA,MAAM,CAACJ,uBAAuB,CAAC,CAAC,CAAD,EAAI,CAAJ,CAAD,EAASC,KAAK,CAACI,WAAf,EAA4B,CAA5B,CAAxB,CAAN,CAA8DC,IAA9D,CAAmE,CAAnE;AACD,GAFG,CAAJ;AAGAH,EAAAA,IAAI,CAAC,oBAAD,EAAuB,MAAM;AAC/BC,IAAAA,MAAM,CAACJ,uBAAuB,CAAC,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,CAAD,EAAYC,KAAK,CAACI,WAAlB,EAA+B,CAA/B,CAAxB,CAAN,CAAiEC,IAAjE,CAAsE,CAAtE;AACD,GAFG,CAAJ;AAGAH,EAAAA,IAAI,CAAC,kBAAD,EAAqB,MAAM;AAC7BC,IAAAA,MAAM,CAACJ,uBAAuB,CAAC,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,CAAD,EAAYC,KAAK,CAACI,WAAlB,EAA+B,CAA/B,CAAxB,CAAN,CAAiEC,IAAjE,CAAsE,CAAtE;AACD,GAFG,CAAJ;AAGAH,EAAAA,IAAI,CAAC,oBAAD,EAAuB,MAAM;AAC/BC,IAAAA,MAAM,CACJJ,uBAAuB,CAAC;AAAEO,MAAAA,IAAI,EAAE,CAAR;AAAWC,MAAAA,EAAE,EAAE,CAAf;AAAkBC,MAAAA,EAAE,EAAE;AAAtB,KAAD,EAA4BR,KAAK,CAACI,WAAlC,EAA+C,CAA/C,CADnB,CAAN,CAEEC,IAFF,CAEO,CAFP;AAGD,GAJG,CAAJ;AAKAH,EAAAA,IAAI,CAAC,uBAAD,EAA0B,MAAM;AAClCC,IAAAA,MAAM,CACJJ,uBAAuB,CAAC;AAAEO,MAAAA,IAAI,EAAE,CAAR;AAAWC,MAAAA,EAAE,EAAE,CAAf;AAAkBC,MAAAA,EAAE,EAAE;AAAtB,KAAD,EAA4BR,KAAK,CAACI,WAAlC,EAA+C,CAA/C,CADnB,CAAN,CAEEC,IAFF,CAEO,CAFP;AAGD,GAJG,CAAJ;AAKAH,EAAAA,IAAI,CAAC,uBAAD,EAA0B,MAAM;AAClCC,IAAAA,MAAM,CACJJ,uBAAuB,CAAC;AAAEO,MAAAA,IAAI,EAAE,CAAR;AAAWC,MAAAA,EAAE,EAAE,CAAf;AAAkBC,MAAAA,EAAE,EAAE;AAAtB,KAAD,EAA4BR,KAAK,CAACI,WAAlC,EAA+C,CAA/C,CADnB,CAAN,CAEEC,IAFF,CAEO,CAFP;AAGD,GAJG,CAAJ;AAKAH,EAAAA,IAAI,CAAC,mBAAD,EAAsB,MAAM;AAC9BC,IAAAA,MAAM,CACJJ,uBAAuB,CAAC;AAAEO,MAAAA,IAAI,EAAE,CAAR;AAAWC,MAAAA,EAAE,EAAE,CAAf;AAAkBC,MAAAA,EAAE,EAAE;AAAtB,KAAD,EAA4BR,KAAK,CAACI,WAAlC,EAA+C,CAA/C,CADnB,CAAN,CAEEC,IAFF,CAEO,CAFP;AAGD,GAJG,CAAJ;AAKD,CA/BO,CAAR","sourcesContent":["import { findLastValidBreakpoint } from './../../theme/tools/utils';\r\nimport { theme } from '../../theme';\r\n\r\ndescribe('mode', () => {\r\n  // const theme = useTheme();\r\n  test('First array value', () => {\r\n    expect(findLastValidBreakpoint([1, 2], theme.breakpoints, 0)).toBe(1);\r\n  });\r\n  test('Middle array value', () => {\r\n    expect(findLastValidBreakpoint([1, 2, 3], theme.breakpoints, 1)).toBe(2);\r\n  });\r\n  test('Last array value', () => {\r\n    expect(findLastValidBreakpoint([1, 2, 3], theme.breakpoints, 2)).toBe(3);\r\n  });\r\n  test('First Object value', () => {\r\n    expect(\r\n      findLastValidBreakpoint({ base: 1, sm: 2, lg: 3 }, theme.breakpoints, 0)\r\n    ).toBe(1);\r\n  });\r\n  test('Middle object value 1', () => {\r\n    expect(\r\n      findLastValidBreakpoint({ base: 1, sm: 2, lg: 3 }, theme.breakpoints, 1)\r\n    ).toBe(2);\r\n  });\r\n  test('Middle object value 2', () => {\r\n    expect(\r\n      findLastValidBreakpoint({ base: 1, sm: 2, lg: 3 }, theme.breakpoints, 2)\r\n    ).toBe(2);\r\n  });\r\n  test('Last object value', () => {\r\n    expect(\r\n      findLastValidBreakpoint({ base: 1, sm: 2, lg: 3 }, theme.breakpoints, 3)\r\n    ).toBe(3);\r\n  });\r\n});\r\n"]}

package/lib/module/theme/tests/getClosestBreakpoint.test.js

@@ -0,0 +1,26 @@
+import { getClosestBreakpoint } from './../../theme/tools/utils';
+const defaultBreakpoints = {
+  base: 0,
+  sm: 480,
+  md: 768,
+  lg: 992,
+  xl: 1280
+};
+describe('mode', () => {
+  test('Base value', () => {
+    expect(getClosestBreakpoint(defaultBreakpoints, 0)).toBe(0);
+  });
+  test('Base-Sm value', () => {
+    expect(getClosestBreakpoint(defaultBreakpoints, 10)).toBe(0);
+  });
+  test('Sm value', () => {
+    expect(getClosestBreakpoint(defaultBreakpoints, 480)).toBe(1);
+  });
+  test('Sm-md value', () => {
+    expect(getClosestBreakpoint(defaultBreakpoints, 500)).toBe(1);
+  });
+  test('Lg value', () => {
+    expect(getClosestBreakpoint(defaultBreakpoints, 1000)).toBe(3);
+  });
+});
+//# sourceMappingURL=getClosestBreakpoint.test.js.map

package/lib/module/theme/tests/getClosestBreakpoint.test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["getClosestBreakpoint.test.tsx"],"names":["getClosestBreakpoint","defaultBreakpoints","base","sm","md","lg","xl","describe","test","expect","toBe"],"mappings":"AAAA,SAASA,oBAAT,QAAqC,2BAArC;AACA,MAAMC,kBAAkB,GAAG;AACzBC,EAAAA,IAAI,EAAE,CADmB;AAEzBC,EAAAA,EAAE,EAAE,GAFqB;AAGzBC,EAAAA,EAAE,EAAE,GAHqB;AAIzBC,EAAAA,EAAE,EAAE,GAJqB;AAKzBC,EAAAA,EAAE,EAAE;AALqB,CAA3B;AAOAC,QAAQ,CAAC,MAAD,EAAS,MAAM;AACrBC,EAAAA,IAAI,CAAC,YAAD,EAAe,MAAM;AACvBC,IAAAA,MAAM,CAACT,oBAAoB,CAACC,kBAAD,EAAqB,CAArB,CAArB,CAAN,CAAoDS,IAApD,CAAyD,CAAzD;AACD,GAFG,CAAJ;AAGAF,EAAAA,IAAI,CAAC,eAAD,EAAkB,MAAM;AAC1BC,IAAAA,MAAM,CAACT,oBAAoB,CAACC,kBAAD,EAAqB,EAArB,CAArB,CAAN,CAAqDS,IAArD,CAA0D,CAA1D;AACD,GAFG,CAAJ;AAGAF,EAAAA,IAAI,CAAC,UAAD,EAAa,MAAM;AACrBC,IAAAA,MAAM,CAACT,oBAAoB,CAACC,kBAAD,EAAqB,GAArB,CAArB,CAAN,CAAsDS,IAAtD,CAA2D,CAA3D;AACD,GAFG,CAAJ;AAGAF,EAAAA,IAAI,CAAC,aAAD,EAAgB,MAAM;AACxBC,IAAAA,MAAM,CAACT,oBAAoB,CAACC,kBAAD,EAAqB,GAArB,CAArB,CAAN,CAAsDS,IAAtD,CAA2D,CAA3D;AACD,GAFG,CAAJ;AAGAF,EAAAA,IAAI,CAAC,UAAD,EAAa,MAAM;AACrBC,IAAAA,MAAM,CAACT,oBAAoB,CAACC,kBAAD,EAAqB,IAArB,CAArB,CAAN,CAAuDS,IAAvD,CAA4D,CAA5D;AACD,GAFG,CAAJ;AAGD,CAhBO,CAAR","sourcesContent":["import { getClosestBreakpoint } from './../../theme/tools/utils';\r\nconst defaultBreakpoints = {\r\n  base: 0,\r\n  sm: 480,\r\n  md: 768,\r\n  lg: 992,\r\n  xl: 1280,\r\n};\r\ndescribe('mode', () => {\r\n  test('Base value', () => {\r\n    expect(getClosestBreakpoint(defaultBreakpoints, 0)).toBe(0);\r\n  });\r\n  test('Base-Sm value', () => {\r\n    expect(getClosestBreakpoint(defaultBreakpoints, 10)).toBe(0);\r\n  });\r\n  test('Sm value', () => {\r\n    expect(getClosestBreakpoint(defaultBreakpoints, 480)).toBe(1);\r\n  });\r\n  test('Sm-md value', () => {\r\n    expect(getClosestBreakpoint(defaultBreakpoints, 500)).toBe(1);\r\n  });\r\n  test('Lg value', () => {\r\n    expect(getClosestBreakpoint(defaultBreakpoints, 1000)).toBe(3);\r\n  });\r\n});\r\n"]}

package/lib/module/theme/tests/hasValidBreakpointFormat.test.js

@@ -0,0 +1,24 @@
+import { hasValidBreakpointFormat } from './../../theme/tools/utils';
+import { theme as defaultTheme } from '../../theme';
+describe('mode', () => {
+  test('Empty array', () => {
+    expect(hasValidBreakpointFormat([], defaultTheme.breakpoints)).toBe(false);
+  });
+  test('Array', () => {
+    expect(hasValidBreakpointFormat([1, 2], defaultTheme.breakpoints)).toBe(true);
+  });
+  test('Valid Object', () => {
+    expect(hasValidBreakpointFormat({
+      base: 1,
+      sm: 2
+    }, defaultTheme.breakpoints)).toBe(true);
+  });
+  test('Invalid Object', () => {
+    expect(hasValidBreakpointFormat({
+      base: 1,
+      sm: 2,
+      ab: 1
+    }, defaultTheme.breakpoints)).toBe(false);
+  });
+});
+//# sourceMappingURL=hasValidBreakpointFormat.test.js.map

package/lib/module/theme/tests/hasValidBreakpointFormat.test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["hasValidBreakpointFormat.test.tsx"],"names":["hasValidBreakpointFormat","theme","defaultTheme","describe","test","expect","breakpoints","toBe","base","sm","ab"],"mappings":"AAAA,SAASA,wBAAT,QAAyC,2BAAzC;AACA,SAASC,KAAK,IAAIC,YAAlB,QAAsC,aAAtC;AAEAC,QAAQ,CAAC,MAAD,EAAS,MAAM;AACrBC,EAAAA,IAAI,CAAC,aAAD,EAAgB,MAAM;AACxBC,IAAAA,MAAM,CAACL,wBAAwB,CAAC,EAAD,EAAKE,YAAY,CAACI,WAAlB,CAAzB,CAAN,CAA+DC,IAA/D,CAAoE,KAApE;AACD,GAFG,CAAJ;AAGAH,EAAAA,IAAI,CAAC,OAAD,EAAU,MAAM;AAClBC,IAAAA,MAAM,CAACL,wBAAwB,CAAC,CAAC,CAAD,EAAI,CAAJ,CAAD,EAASE,YAAY,CAACI,WAAtB,CAAzB,CAAN,CAAmEC,IAAnE,CACE,IADF;AAGD,GAJG,CAAJ;AAKAH,EAAAA,IAAI,CAAC,cAAD,EAAiB,MAAM;AACzBC,IAAAA,MAAM,CACJL,wBAAwB,CAAC;AAAEQ,MAAAA,IAAI,EAAE,CAAR;AAAWC,MAAAA,EAAE,EAAE;AAAf,KAAD,EAAqBP,YAAY,CAACI,WAAlC,CADpB,CAAN,CAEEC,IAFF,CAEO,IAFP;AAGD,GAJG,CAAJ;AAKAH,EAAAA,IAAI,CAAC,gBAAD,EAAmB,MAAM;AAC3BC,IAAAA,MAAM,CACJL,wBAAwB,CACtB;AAAEQ,MAAAA,IAAI,EAAE,CAAR;AAAWC,MAAAA,EAAE,EAAE,CAAf;AAAkBC,MAAAA,EAAE,EAAE;AAAtB,KADsB,EAEtBR,YAAY,CAACI,WAFS,CADpB,CAAN,CAKEC,IALF,CAKO,KALP;AAMD,GAPG,CAAJ;AAQD,CAtBO,CAAR","sourcesContent":["import { hasValidBreakpointFormat } from './../../theme/tools/utils';\r\nimport { theme as defaultTheme } from '../../theme';\r\n\r\ndescribe('mode', () => {\r\n  test('Empty array', () => {\r\n    expect(hasValidBreakpointFormat([], defaultTheme.breakpoints)).toBe(false);\r\n  });\r\n  test('Array', () => {\r\n    expect(hasValidBreakpointFormat([1, 2], defaultTheme.breakpoints)).toBe(\r\n      true\r\n    );\r\n  });\r\n  test('Valid Object', () => {\r\n    expect(\r\n      hasValidBreakpointFormat({ base: 1, sm: 2 }, defaultTheme.breakpoints)\r\n    ).toBe(true);\r\n  });\r\n  test('Invalid Object', () => {\r\n    expect(\r\n      hasValidBreakpointFormat(\r\n        { base: 1, sm: 2, ab: 1 },\r\n        defaultTheme.breakpoints\r\n      )\r\n    ).toBe(false);\r\n  });\r\n});\r\n"]}

package/lib/module/theme/tests/mode.test.js

@@ -0,0 +1,17 @@
+import { mode } from './../../theme/tools/colors';
+describe('mode', () => {
+  test('default', () => {
+    expect(mode('light', 'dark')({})).toBe('light');
+  });
+  test('light', () => {
+    expect(mode('light', 'dark')({
+      colorMode: 'light'
+    })).toBe('light');
+  });
+  test('dark', () => {
+    expect(mode('light', 'dark')({
+      colorMode: 'dark'
+    })).toBe('dark');
+  });
+});
+//# sourceMappingURL=mode.test.js.map

package/lib/module/theme/tests/mode.test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["mode.test.tsx"],"names":["mode","describe","test","expect","toBe","colorMode"],"mappings":"AAAA,SAASA,IAAT,QAAqB,4BAArB;AACAC,QAAQ,CAAC,MAAD,EAAS,MAAM;AACrBC,EAAAA,IAAI,CAAC,SAAD,EAAY,MAAM;AACpBC,IAAAA,MAAM,CAACH,IAAI,CAAC,OAAD,EAAU,MAAV,CAAJ,CAAsB,EAAtB,CAAD,CAAN,CAAkCI,IAAlC,CAAuC,OAAvC;AACD,GAFG,CAAJ;AAGAF,EAAAA,IAAI,CAAC,OAAD,EAAU,MAAM;AAClBC,IAAAA,MAAM,CAACH,IAAI,CAAC,OAAD,EAAU,MAAV,CAAJ,CAAsB;AAAEK,MAAAA,SAAS,EAAE;AAAb,KAAtB,CAAD,CAAN,CAAsDD,IAAtD,CAA2D,OAA3D;AACD,GAFG,CAAJ;AAGAF,EAAAA,IAAI,CAAC,MAAD,EAAS,MAAM;AACjBC,IAAAA,MAAM,CAACH,IAAI,CAAC,OAAD,EAAU,MAAV,CAAJ,CAAsB;AAAEK,MAAAA,SAAS,EAAE;AAAb,KAAtB,CAAD,CAAN,CAAqDD,IAArD,CAA0D,MAA1D;AACD,GAFG,CAAJ;AAGD,CAVO,CAAR","sourcesContent":["import { mode } from './../../theme/tools/colors';\r\ndescribe('mode', () => {\r\n  test('default', () => {\r\n    expect(mode('light', 'dark')({})).toBe('light');\r\n  });\r\n  test('light', () => {\r\n    expect(mode('light', 'dark')({ colorMode: 'light' })).toBe('light');\r\n  });\r\n  test('dark', () => {\r\n    expect(mode('light', 'dark')({ colorMode: 'dark' })).toBe('dark');\r\n  });\r\n});\r\n"]}

package/lib/module/theme/tools/colors.js

@@ -0,0 +1,80 @@
+import get from 'lodash.get';
+import isEmpty from 'lodash.isempty';
+import Color from 'tinycolor2';
+export function mode(light, dark) {
+  return props => props.colorMode === 'dark' ? dark : light;
+}
+export const transparentize = (color, opacity) => theme => {
+  const raw = getColor(theme, color);
+  return Color(raw).setAlpha(opacity).toRgbString();
+};
+export const getColor = (theme, color, fallback) => {
+  const hex = get(theme, "colors.".concat(color), color);
+  const isValid = Color(hex).isValid();
+  return isValid ? hex : fallback;
+};
+export const tone = color => theme => {
+  const hex = getColor(theme, color);
+  const isDark = Color(hex).isDark();
+  return isDark ? 'dark' : 'light';
+};
+export const isDark = color => theme => tone(color)(theme) === 'dark';
+export const isLight = color => theme => tone(color)(theme) === 'light';
+export function randomColor(opts) {
+  const fallback = Color.random().toHexString();
+
+  if (!opts || isEmpty(opts)) {
+    return fallback;
+  }
+
+  if (opts.string && opts.colors) {
+    return randomColorFromList(opts.string, opts.colors);
+  }
+
+  if (opts.string && !opts.colors) {
+    return randomColorFromString(opts.string);
+  }
+
+  if (opts.colors && !opts.string) {
+    return randomFromList(opts.colors);
+  }
+
+  return fallback;
+}
+
+function randomFromList(list) {
+  return list[Math.floor(Math.random() * list.length)];
+}
+
+function randomColorFromList(str, list) {
+  let index = 0;
+  if (str.length === 0) return list[0];
+
+  for (let i = 0; i < str.length; i++) {
+    index = str.charCodeAt(i) + ((index << 5) - index);
+    index = index & index;
+  }
+
+  index = (index % list.length + list.length) % list.length;
+  return list[index];
+}
+
+function randomColorFromString(str) {
+  let hash = 0;
+  if (str.length === 0) return hash.toString();
+
+  for (let i = 0; i < str.length; i++) {
+    hash = str.charCodeAt(i) + ((hash << 5) - hash);
+    hash = hash & hash;
+  }
+
+  let color = '#';
+
+  for (let j = 0; j < 3; j++) {
+    const value = hash >> j * 8 & 255;
+    color += ('00' + value.toString(16)).substr(-2);
+  }
+
+  return color;
+}
+//# sourceMappingURL=colors.js.map

package/lib/module/theme/tools/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["colors.ts"],"names":["get","isEmpty","Color","mode","light","dark","props","colorMode","transparentize","color","opacity","theme","raw","getColor","setAlpha","toRgbString","fallback","hex","isValid","tone","isDark","isLight","randomColor","opts","random","toHexString","string","colors","randomColorFromList","randomColorFromString","randomFromList","list","Math","floor","length","str","index","i","charCodeAt","hash","toString","j","value","substr"],"mappings":"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","sourcesContent":["import get from 'lodash.get';\r\nimport isEmpty from 'lodash.isempty';\r\nimport Color from 'tinycolor2';\r\nimport type { Dict } from './utils';\r\n\r\nexport function mode(light: any, dark: any) {\r\n  return (props: any) => (props.colorMode === 'dark' ? dark : light);\r\n}\r\n\r\nexport const transparentize = (color: string, opacity: number) => (\r\n  theme: Dict\r\n) => {\r\n  const raw = getColor(theme, color);\r\n  return Color(raw).setAlpha(opacity).toRgbString();\r\n};\r\n\r\nexport const getColor = (theme: Dict, color: string, fallback?: string) => {\r\n  const hex = get(theme, `colors.${color}`, color);\r\n  const isValid = Color(hex).isValid();\r\n  return isValid ? hex : fallback;\r\n};\r\n\r\nexport const tone = (color: string) => (theme: Dict) => {\r\n  const hex = getColor(theme, color);\r\n  const isDark = Color(hex).isDark();\r\n  return isDark ? 'dark' : 'light';\r\n};\r\n\r\nexport const isDark = (color: string) => (theme: Dict) =>\r\n  tone(color)(theme) === 'dark';\r\n\r\nexport const isLight = (color: string) => (theme: Dict) =>\r\n  tone(color)(theme) === 'light';\r\n\r\ninterface RandomColorOptions {\r\n  /**\r\n   * If passed, string will be used to generate\r\n   * random color\r\n   */\r\n  string?: string;\r\n  /**\r\n   * List of colors to pick from at random\r\n   */\r\n  colors?: string[];\r\n}\r\nexport function randomColor(opts?: RandomColorOptions) {\r\n  const fallback = Color.random().toHexString();\r\n\r\n  if (!opts || isEmpty(opts)) {\r\n    return fallback;\r\n  }\r\n\r\n  if (opts.string && opts.colors) {\r\n    return randomColorFromList(opts.string, opts.colors);\r\n  }\r\n\r\n  if (opts.string && !opts.colors) {\r\n    return randomColorFromString(opts.string);\r\n  }\r\n\r\n  if (opts.colors && !opts.string) {\r\n    return randomFromList(opts.colors);\r\n  }\r\n\r\n  return fallback;\r\n}\r\n\r\nfunction randomFromList(list: string[]) {\r\n  return list[Math.floor(Math.random() * list.length)];\r\n}\r\n\r\nfunction randomColorFromList(str: string, list: string[]) {\r\n  let index = 0;\r\n  if (str.length === 0) return list[0];\r\n  for (let i = 0; i < str.length; i++) {\r\n    index = str.charCodeAt(i) + ((index << 5) - index);\r\n    index = index & index;\r\n  }\r\n  index = ((index % list.length) + list.length) % list.length;\r\n  return list[index];\r\n}\r\n\r\nfunction randomColorFromString(str: string) {\r\n  let hash = 0;\r\n  if (str.length === 0) return hash.toString();\r\n  for (let i = 0; i < str.length; i++) {\r\n    hash = str.charCodeAt(i) + ((hash << 5) - hash);\r\n    hash = hash & hash;\r\n  }\r\n  let color = '#';\r\n  for (let j = 0; j < 3; j++) {\r\n    const value = (hash >> (j * 8)) & 255;\r\n    color += ('00' + value.toString(16)).substr(-2);\r\n  }\r\n  return color;\r\n}\r\n"]}

package/lib/module/theme/tools/index.js

@@ -0,0 +1,3 @@
+export * from './colors';
+export * from './utils';
+//# sourceMappingURL=index.js.map

package/lib/module/theme/tools/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAd;AACA,cAAc,SAAd","sourcesContent":["export * from './colors';\r\nexport * from './utils';\r\n"]}

package/lib/module/theme/tools/platformUnits.test.js

@@ -0,0 +1,56 @@
+import { Platform } from 'react-native';
+import theme from '../base';
+import { platformSpecificSpaceUnits } from './utils';
+describe('platform units on native', () => {
+  it('should convert px to absolute on native', () => {
+    Platform.OS = 'ios';
+    const newTheme = { ...theme
+    };
+    newTheme.space = {
+      xs: '1px'
+    };
+    const convertedTheme = platformSpecificSpaceUnits(newTheme);
+    expect(convertedTheme.space).toEqual({
+      xs: 1
+    });
+  });
+  it('should convert rem to absolute on native', () => {
+    Platform.OS = 'ios';
+    const newTheme = { ...theme
+    };
+    newTheme.space = {
+      xs: '2rem'
+    };
+    const convertedTheme = platformSpecificSpaceUnits(newTheme);
+    expect(convertedTheme.space).toEqual({
+      xs: 32
+    });
+  });
+});
+describe('platform units on web', () => {
+  it('should not convert px to rem on web', () => {
+    Platform.OS = 'web';
+    const newTheme = { ...theme
+    };
+    newTheme.space = {
+      xs: '23px'
+    };
+    const convertedTheme = platformSpecificSpaceUnits(newTheme);
+    expect(convertedTheme.space).toEqual({
+      xs: '23px'
+    });
+  });
+  it('should convert absolute to rem on web', () => {
+    Platform.OS = 'web';
+    const newTheme = { ...theme
+    };
+    newTheme.space = {
+      xs: 23
+    };
+    const convertedTheme = platformSpecificSpaceUnits(newTheme);
+    expect(convertedTheme.space).toEqual({
+      xs: '1.4375rem'
+    });
+  });
+});
+//# sourceMappingURL=platformUnits.test.js.map

package/lib/module/theme/tools/platformUnits.test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["platformUnits.test.js"],"names":["Platform","theme","platformSpecificSpaceUnits","describe","it","OS","newTheme","space","xs","convertedTheme","expect","toEqual"],"mappings":"AAAA,SAASA,QAAT,QAAyB,cAAzB;AACA,OAAOC,KAAP,MAAkB,SAAlB;AACA,SAASC,0BAAT,QAA2C,SAA3C;AAEAC,QAAQ,CAAC,0BAAD,EAA6B,MAAM;AACzCC,EAAAA,EAAE,CAAC,yCAAD,EAA4C,MAAM;AAClDJ,IAAAA,QAAQ,CAACK,EAAT,GAAc,KAAd;AACA,UAAMC,QAAQ,GAAG,EAAE,GAAGL;AAAL,KAAjB;AACAK,IAAAA,QAAQ,CAACC,KAAT,GAAiB;AAAEC,MAAAA,EAAE,EAAE;AAAN,KAAjB;AACA,UAAMC,cAAc,GAAGP,0BAA0B,CAACI,QAAD,CAAjD;AACAI,IAAAA,MAAM,CAACD,cAAc,CAACF,KAAhB,CAAN,CAA6BI,OAA7B,CAAqC;AAAEH,MAAAA,EAAE,EAAE;AAAN,KAArC;AACD,GANC,CAAF;AAQAJ,EAAAA,EAAE,CAAC,0CAAD,EAA6C,MAAM;AACnDJ,IAAAA,QAAQ,CAACK,EAAT,GAAc,KAAd;AACA,UAAMC,QAAQ,GAAG,EAAE,GAAGL;AAAL,KAAjB;AACAK,IAAAA,QAAQ,CAACC,KAAT,GAAiB;AAAEC,MAAAA,EAAE,EAAE;AAAN,KAAjB;AACA,UAAMC,cAAc,GAAGP,0BAA0B,CAACI,QAAD,CAAjD;AACAI,IAAAA,MAAM,CAACD,cAAc,CAACF,KAAhB,CAAN,CAA6BI,OAA7B,CAAqC;AAAEH,MAAAA,EAAE,EAAE;AAAN,KAArC;AACD,GANC,CAAF;AAOD,CAhBO,CAAR;AAkBAL,QAAQ,CAAC,uBAAD,EAA0B,MAAM;AACtCC,EAAAA,EAAE,CAAC,qCAAD,EAAwC,MAAM;AAC9CJ,IAAAA,QAAQ,CAACK,EAAT,GAAc,KAAd;AACA,UAAMC,QAAQ,GAAG,EAAE,GAAGL;AAAL,KAAjB;AACAK,IAAAA,QAAQ,CAACC,KAAT,GAAiB;AAAEC,MAAAA,EAAE,EAAE;AAAN,KAAjB;AACA,UAAMC,cAAc,GAAGP,0BAA0B,CAACI,QAAD,CAAjD;AACAI,IAAAA,MAAM,CAACD,cAAc,CAACF,KAAhB,CAAN,CAA6BI,OAA7B,CAAqC;AAAEH,MAAAA,EAAE,EAAE;AAAN,KAArC;AACD,GANC,CAAF;AAQAJ,EAAAA,EAAE,CAAC,uCAAD,EAA0C,MAAM;AAChDJ,IAAAA,QAAQ,CAACK,EAAT,GAAc,KAAd;AACA,UAAMC,QAAQ,GAAG,EAAE,GAAGL;AAAL,KAAjB;AACAK,IAAAA,QAAQ,CAACC,KAAT,GAAiB;AAAEC,MAAAA,EAAE,EAAE;AAAN,KAAjB;AACA,UAAMC,cAAc,GAAGP,0BAA0B,CAACI,QAAD,CAAjD;AACAI,IAAAA,MAAM,CAACD,cAAc,CAACF,KAAhB,CAAN,CAA6BI,OAA7B,CAAqC;AAAEH,MAAAA,EAAE,EAAE;AAAN,KAArC;AACD,GANC,CAAF;AAOD,CAhBO,CAAR","sourcesContent":["import { Platform } from 'react-native';\r\nimport theme from '../base';\r\nimport { platformSpecificSpaceUnits } from './utils';\r\n\r\ndescribe('platform units on native', () => {\r\n  it('should convert px to absolute on native', () => {\r\n    Platform.OS = 'ios';\r\n    const newTheme = { ...theme };\r\n    newTheme.space = { xs: '1px' };\r\n    const convertedTheme = platformSpecificSpaceUnits(newTheme);\r\n    expect(convertedTheme.space).toEqual({ xs: 1 });\r\n  });\r\n\r\n  it('should convert rem to absolute on native', () => {\r\n    Platform.OS = 'ios';\r\n    const newTheme = { ...theme };\r\n    newTheme.space = { xs: '2rem' };\r\n    const convertedTheme = platformSpecificSpaceUnits(newTheme);\r\n    expect(convertedTheme.space).toEqual({ xs: 32 });\r\n  });\r\n});\r\n\r\ndescribe('platform units on web', () => {\r\n  it('should not convert px to rem on web', () => {\r\n    Platform.OS = 'web';\r\n    const newTheme = { ...theme };\r\n    newTheme.space = { xs: '23px' };\r\n    const convertedTheme = platformSpecificSpaceUnits(newTheme);\r\n    expect(convertedTheme.space).toEqual({ xs: '23px' });\r\n  });\r\n\r\n  it('should convert absolute to rem on web', () => {\r\n    Platform.OS = 'web';\r\n    const newTheme = { ...theme };\r\n    newTheme.space = { xs: 23 };\r\n    const convertedTheme = platformSpecificSpaceUnits(newTheme);\r\n    expect(convertedTheme.space).toEqual({ xs: '1.4375rem' });\r\n  });\r\n});\r\n"]}

package/lib/module/theme/tools/utils.js

@@ -0,0 +1,220 @@
+import omitBy from 'lodash.omitby';
+import isNil from 'lodash.isnil';
+import pick from 'lodash.pick';
+import omit from 'lodash.omit';
+import get from 'lodash.get';
+import { Platform } from 'react-native';
+export const stylingProps = {
+  margin: ['margin', 'm', 'marginTop', 'mt', 'marginRight', 'mr', 'marginBottom', 'mb', 'marginLeft', 'ml', 'marginX', 'mx', 'marginY', 'my'],
+  padding: ['padding', 'p', 'paddingTop', 'pt', 'paddingRight', 'pr', 'paddingBottom', 'pb', 'paddingLeft', 'pl', 'paddingX', 'px', 'paddingY', 'py'],
+  border: ['border', 'borderWidth', 'borderStyle', 'borderColor', 'borderRadius', 'borderTop', 'borderTopWidth', 'borderTopStyle', 'borderTopColor', 'borderTopLeftRadius', 'borderTopRightRadius', 'borderRight', 'borderRightWidth', 'borderRightStyle', 'borderRightColor', 'borderBottom', 'borderBottomWidth', 'borderBottomStyle', 'borderBottomColor', 'borderBottomLeftRadius', 'borderBottomRightRadius', 'borderLeft', 'borderLeftWidth', 'borderLeftStyle', 'borderLeftColor', 'borderX', 'borderY', 'rounded'],
+  layout: ['width', 'w', 'height', 'h', 'display', 'minWidth', 'minW', 'minH', 'minHeight', 'maxWidth', 'maxW', 'maxHeight', 'maxH', 'size', 'verticalAlign', 'overflow', 'overflowX', 'overflowY'],
+  flexbox: ['alignItems', 'alignContent', 'justifyItems', 'justifyContent', 'flexWrap', 'flexDirection', 'flex', 'flexGrow', 'flexShrink', 'flexBasis', 'justifySelf', 'alignSelf', 'order'],
+  position: ['position', 'zIndex', 'top', 'right', 'bottom', 'left'],
+  outline: ['outlineWidth', 'outlineColor', 'outlineStyle'],
+  background: ['bg', 'backgroundColor', 'bgColor']
+};
+export function omitUndefined(obj) {
+  return omitBy(obj, isNil);
+}
+export function getRandomString(length) {
+  var result = '';
+  var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+  var charactersLength = characters.length;
+
+  for (var i = 0; i < length; i++) {
+    result += characters.charAt(Math.floor(Math.random() * charactersLength));
+  }
+
+  return result;
+} // Inefficient way for pick, but retains order of props.
+
+function orderedPick(obj, values) {
+  const ret = {};
+  Object.keys(obj).forEach(key => {
+    if (values.includes(key)) {
+      ret[key] = obj[key];
+    }
+  });
+  return ret;
+}
+
+export function orderedExtractInObject(parent, values) {
+  return [omitUndefined(orderedPick(parent, values)), omitUndefined(omit(parent, values))];
+}
+/**
+ *
+ * @param parent The object from which data needs to extracted
+ * @param values Keys which needs to be extracted
+ * @returns [extractedProps, remainingProps]
+ */
+
+export function extractInObject(parent, values) {
+  return [omitUndefined(pick(parent, values)), omitUndefined(omit(parent, values))];
+}
+export function getColorFormColorScheme(props) {
+  const {
+    theme,
+    colorScheme,
+    isDisabled
+  } = props;
+  const simpleColorScheme = colorScheme.split('.')[0];
+  if (isDisabled) return 'gray.300';else if (simpleColorScheme in theme.colors) {
+    return theme.colors[simpleColorScheme][0] === '#' ? simpleColorScheme : theme.colors[simpleColorScheme][400] || theme.colors[simpleColorScheme][200];
+  } else return 'primary.200';
+} // TODO: This function can be removed.
+
+export function getColorScheme(props, customColorScheme) {
+  let {
+    theme,
+    colorScheme
+  } = props;
+  colorScheme = customColorScheme || colorScheme;
+  if (!(colorScheme in theme.colors)) return 'primary';else {
+    if (typeof theme.colors[colorScheme] === 'object') return colorScheme;
+  }
+}
+export const inValidBreakpointProps = ['style', 'children', 'shadowOffset'];
+export function hasValidBreakpointFormat(breaks, themeBreakpoints, property) {
+  if (property && inValidBreakpointProps.indexOf(property) !== -1) {
+    return false;
+  } else if (Array.isArray(breaks)) {
+    return breaks.length ? true : false;
+  } else if (typeof breaks === 'object' && breaks !== null) {
+    const keys = Object.keys(breaks);
+    const themeBreakPointKeys = Object.keys(themeBreakpoints);
+
+    for (let i = 0; i < keys.length; i++) {
+      if (themeBreakPointKeys.indexOf(keys[i]) === -1) {
+        return false;
+      }
+    }
+
+    return true;
+  } else {
+    return false;
+  }
+}
+export function findLastValidBreakpoint(values, themeBreakpoints, currentBreakpoint) {
+  var _valArray$currentBrea;
+
+  const valArray = Array.isArray(values) ? values : Object.keys(themeBreakpoints).map(bPoint => values[bPoint]);
+  return (_valArray$currentBrea = valArray[currentBreakpoint]) !== null && _valArray$currentBrea !== void 0 ? _valArray$currentBrea : valArray.slice(0, currentBreakpoint + 1).filter(v => !isNil(v)).pop();
+}
+export function getClosestBreakpoint(values, point) {
+  const dimValues = Object.values(values);
+  let index = -1;
+  let breakpointsObj = {};
+
+  for (let i = 0; i < dimValues.length; i++) {
+    breakpointsObj[dimValues[i]] = i;
+  }
+
+  const breakpoints = Object.keys(breakpointsObj);
+
+  for (let i = 0; i < breakpoints.length; i++) {
+    if (parseInt(breakpoints[i]) === point) {
+      index = breakpointsObj[breakpoints[i]];
+      break;
+    } else if (parseInt(breakpoints[i]) > point && i !== 0) {
+      index = breakpointsObj[breakpoints[i - 1]];
+      break;
+    } // If windowWidth is greater than last available breakpoint clamp it to last index
+    else if (parseInt(breakpoints[i]) < point && i === dimValues.length - 1) {
+        index = breakpointsObj[breakpoints[i]];
+        break;
+      }
+  }
+
+  return index;
+}
+export const baseFontSize = 16;
+export const convertAbsoluteToRem = px => {
+  return "".concat(px / baseFontSize, "rem");
+};
+export const convertRemToAbsolute = rem => {
+  return rem * baseFontSize;
+};
+export const convertToDp = value => {
+  const numberRegex = /^\d+$/;
+
+  if (typeof value === 'number') {
+    return value;
+  } else {
+    const isAbsolute = numberRegex.test(value);
+    const isPx = !isAbsolute && value.endsWith('px');
+    const isRem = !isAbsolute && value.endsWith('rem');
+    const isEm = !isAbsolute && value.endsWith('em');
+    let finalDpValue = 0;
+
+    if (isAbsolute || isPx) {
+      finalDpValue = parseFloat(value);
+    } else if (isEm) {
+      finalDpValue = convertRemToAbsolute(parseFloat(value));
+    } else if (isRem) {
+      finalDpValue = convertRemToAbsolute(parseFloat(value));
+    }
+
+    return finalDpValue;
+  }
+};
+/**
+ *
+ * @param theme
+ * @description
+  - Converts space/sizes/lineHeights/letterSpacings/fontSizes to `rem` on web if the token value specified is an absolute number.
+  - Converts space/sizes/lineHeights/letterSpacings/fontSizes to absolute number on native if the token value specified is in `px` or `rem`
+*/
+
+export const platformSpecificSpaceUnits = theme => {
+  const scales = ['space', 'sizes', 'fontSizes'];
+  const newTheme = { ...theme
+  };
+  const isWeb = Platform.OS === 'web';
+  scales.forEach(key => {
+    const scale = get(theme, key, {});
+    const newScale = { ...scale
+    };
+
+    for (const scaleKey in scale) {
+      const val = scale[scaleKey];
+
+      if (typeof val !== 'object') {
+        const isAbsolute = typeof val === 'number';
+        const isPx = !isAbsolute && val.endsWith('px');
+        const isRem = !isAbsolute && val.endsWith('rem'); // If platform is web, we need to convert absolute unit to rem. e.g. 16 to 1rem
+
+        if (isWeb) {
+          if (isAbsolute) {
+            newScale[scaleKey] = convertAbsoluteToRem(val);
+          }
+        } // If platform is not web, we need to convert px unit to absolute and rem unit to absolute. e.g. 16px to 16. 1rem to 16.
+        else {
+            if (isRem) {
+              newScale[scaleKey] = convertRemToAbsolute(parseFloat(val));
+            } else if (isPx) {
+              newScale[scaleKey] = parseFloat(val);
+            }
+          }
+      }
+    } //@ts-ignore
+
+
+    newTheme[key] = newScale;
+  });
+  return newTheme;
+};
+export function isResponsiveAnyProp(props, theme) {
+  if (props) {
+    const keys = Object.keys(props);
+
+    for (let i = 0; i < keys.length; i++) {
+      if (hasValidBreakpointFormat(props[keys[i]], theme.breakpoints, keys[i])) {
+        return true;
+      }
+    }
+  }
+
+  return false;
+}
+//# sourceMappingURL=utils.js.map