@wavemaker-ai/app-rn-runtime 1.0.0-rc.647469

package/styles/color-mix.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Color","ColorMixSpace","HueInterpolationMethod","ColorMix","valueOf","expression","colorInterpolationMethod","colorPercent1","colorPercent2","parse","p1","percent","p2","sum","color","mix","space","hue","hueInterpolationMethod","to","toString","format","parseColorInterpolationMethod","splits","split","parseColorPercent","colorCode","indexOf","map","s","trim","parseFloat","replace","_ColorMix","_defineProperty","startsWith","substring","length","INSTANCE"],"sources":["color-mix.ts"],"sourcesContent":["import Color from \"colorjs.io\";\n\nconst ColorMixSpace = [\n    //rectangular\n    \"srgb\", \"srgb-linear\", \"display-p3\" , \"a98-rgb\" , \"prophoto-rgb\" , \"rec2020\" ,\n    \"lab\" , \"oklab\" , \"xyz\" , \"xyz-d50\" , \"xyz-d65\" ,\n    //triangle\n    \"hsl\" , \"hwb\" , \"lch\" , \"oklch\"\n];\n\nconst HueInterpolationMethod = [\n    \"shorter\", \"longer\", \"increasing\", \"decreasing\"\n];\n\ninterface ColorInterpolationMethod {\n    space: string,\n    hueInterpolationMethod: string \n}\n\ninterface ColorPercent {\n    color: string;\n    percent: number;\n}\n\nclass ColorMix {\n    static INSTANCE = new ColorMix();\n        \n    valueOf(expression: string) {\n        const {\n            colorInterpolationMethod, \n            colorPercent1,\n            colorPercent2\n        } = this.parse(expression);\n        let p1 = colorPercent1.percent;\n        let p2 = colorPercent2.percent;\n        if (p1 && !p2) {\n            p2 = 100 - p1;\n        } else if (!p1 && p2) {\n            p1 = 100 - p2;\n        } else if (p1 + p2 > 100) {\n            const sum = p1 + p2;\n            p1 = p1 / sum * 100;\n            p2 = p2 / sum * 100;\n        }\n        p1 = p1/ 100;\n        p2 = p2/ 100;\n        \n        return new Color(colorPercent1.color).mix(colorPercent2.color, p2, {\n            space: colorInterpolationMethod.space,\n            hue: colorInterpolationMethod.hueInterpolationMethod as any\n        }).to(\"srgb\").toString({format: \"hex\"});\n    }\n\n    parseColorInterpolationMethod(expression: string): ColorInterpolationMethod {\n        const splits = (expression.split(' ')) as string[];\n        return {\n            space: splits[1],\n            hueInterpolationMethod: splits[2] || 'shorter'\n        }\n    }\n\n    parseColorPercent(expression: string): ColorPercent {\n        let colorCode = '';\n        let percent = 0;\n        if (expression.indexOf(')') > 0) {\n            const splits = expression.split(')').map(s => s.trim());\n            colorCode = splits[0] + ')';\n            percent = splits[1] ? parseFloat((splits[1].replace('%', ''))) : 0;\n        } else {\n            const splits = (expression.split(' ')) as string[];\n            colorCode = splits[0];\n            percent = splits[1] ? parseFloat((splits[1].replace('%', ''))) : 0;\n        }\n        return {\n            color: colorCode,\n            percent: percent\n        }\n    }\n\n    parse(expression: string): {\n        colorInterpolationMethod : ColorInterpolationMethod,\n        colorPercent1: ColorPercent,\n        colorPercent2: ColorPercent\n    } {\n        const splits = expression.split(',').map(s => s.trim());\n        return {\n            colorInterpolationMethod: this.parseColorInterpolationMethod(splits[0]),\n            colorPercent1: this.parseColorPercent(splits[1]),\n            colorPercent2: this.parseColorPercent(splits[2])\n        } as any;\n    }\n\n}\n\nexport default {\n    \"valueOf\" : (expression: string) => {\n        if (expression.startsWith(\"color-mix\")) {\n            expression = expression.substring(\"color-mix(\".length, expression.length - 1);\n        }\n        return ColorMix.INSTANCE.valueOf(expression);\n    }\n};"],"mappings":"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","ignoreList":[]}

package/styles/style-prop.validator.js

@@ -0,0 +1,467 @@
+import { isNumber, isString } from 'lodash-es';
+import * as Font from 'expo-font';
+const isColor = c => true;
+const isStringOrNumber = v => isNumber(v) || isString(v);
+const isIn = (...arr) => {
+  const obj = {};
+  arr.forEach(v => {
+    obj[v] = true;
+  });
+  return k => obj[k] === true;
+};
+const STYLE_PROP_TYPE_INFO = {
+  alignContent: {
+    isValid: isIn('flex-start', 'flex-end', 'center', 'stretch', 'space-between', 'space-around'),
+    ref: 'https://reactnative.dev/docs/layout-props#aligncontent'
+  },
+  alignItems: {
+    isValid: isIn('flex-start', 'flex-end', 'center', 'stretch', 'baseline'),
+    ref: 'https://reactnative.dev/docs/layout-props#alignitems'
+  },
+  alignSelf: {
+    isValid: isIn('auto', 'flex-start', 'flex-end', 'center', 'stretch', 'baseline'),
+    ref: 'https://reactnative.dev/docs/layout-props#alignself'
+  },
+  aspectRatio: {
+    isValid: isStringOrNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#aspectratio'
+  },
+  backfaceVisibility: {
+    isValid: isIn('visible', 'hidden'),
+    ref: 'https://reactnative.dev/docs/image-style-props#backfacevisibility'
+  },
+  backgroundColor: {
+    isValid: isColor,
+    ref: 'https://reactnative.dev/docs/image-style-props#backgroundcolor'
+  },
+  backgroundImage: {
+    isValid: isString,
+    ref: 'http://www.wavemakeronline.com/app-runtime/latest/rn/style-docs/widgets/view'
+  },
+  borderBottomColor: {
+    isValid: isColor,
+    ref: 'https://reactnative.dev/docs/view-style-props#borderbottomcolor'
+  },
+  borderBottomEndRadius: {
+    isValid: isNumber,
+    ref: 'https://reactnative.dev/docs/view-style-props#borderbottomendradius'
+  },
+  borderBottomLeftRadius: {
+    isValid: isNumber,
+    ref: 'https://reactnative.dev/docs/image-style-props#borderbottomleftradius'
+  },
+  backgroundPosition: {
+    isValid: isStringOrNumber,
+    ref: 'http://www.wavemakeronline.com/app-runtime/latest/rn/style-docs/widgets/view'
+  },
+  backgroundRepeat: {
+    isValid: isIn('repeat', 'repeat-x', 'repeat-y', 'no-repeat'),
+    ref: 'http://www.wavemakeronline.com/app-runtime/latest/rn/style-docs/widgets/view'
+  },
+  backgroundSize: {
+    isValid: isStringOrNumber,
+    ref: 'http://www.wavemakeronline.com/app-runtime/latest/rn/style-docs/widgets/view'
+  },
+  borderBottomRightRadius: {
+    isValid: isNumber,
+    ref: 'https://reactnative.dev/docs/image-style-props#borderbottomrightradius'
+  },
+  borderBottomStartRadius: {
+    isValid: isNumber,
+    ref: 'https://reactnative.dev/docs/view-style-props#borderbottomstartradius'
+  },
+  borderBottomWidth: {
+    isValid: isNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#borderbottomwidth'
+  },
+  borderColor: {
+    isValid: isColor,
+    ref: 'https://reactnative.dev/docs/image-style-props#bordercolor'
+  },
+  borderCurve: {
+    isValid: isIn('circular', 'continuous'),
+    ref: 'https://reactnative.dev/docs/view-style-props#bordercurve-ios'
+  },
+  borderEndColor: {
+    isValid: isColor,
+    ref: 'https://reactnative.dev/docs/view-style-props#borderendcolor'
+  },
+  borderEndWidth: {
+    isValid: isNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#borderendwidth'
+  },
+  borderLeftColor: {
+    isValid: isColor,
+    ref: 'https://reactnative.dev/docs/view-style-props#borderleftcolor'
+  },
+  borderLeftWidth: {
+    isValid: isNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#borderleftwidth'
+  },
+  borderRadius: {
+    isValid: isNumber,
+    ref: 'https://reactnative.dev/docs/image-style-props#borderradius'
+  },
+  borderRightColor: {
+    isValid: isColor,
+    ref: 'https://reactnative.dev/docs/view-style-props#borderrightcolor'
+  },
+  borderRightWidth: {
+    isValid: isNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#borderrightwidth'
+  },
+  borderStartColor: {
+    isValid: isColor,
+    ref: 'https://reactnative.dev/docs/view-style-props#borderstartcolor'
+  },
+  borderStartWidth: {
+    isValid: isNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#borderstartwidth'
+  },
+  borderStyle: {
+    isValid: isIn('solid', 'dotted', 'dashed'),
+    ref: 'https://reactnative.dev/docs/view-style-props#borderstyle'
+  },
+  borderTopEndRadius: {
+    isValid: isColor,
+    ref: 'https://reactnative.dev/docs/view-style-props#bordertopendradius'
+  },
+  borderTopLeftRadius: {
+    isValid: isNumber,
+    ref: 'https://reactnative.dev/docs/image-style-props#bordertopleftradius'
+  },
+  borderTopRightRadius: {
+    isValid: isNumber,
+    ref: 'https://reactnative.dev/docs/image-style-props#bordertoprightradius'
+  },
+  borderTopStartRadius: {
+    isValid: isNumber,
+    ref: 'https://reactnative.dev/docs/view-style-props#bordertopstartradius'
+  },
+  borderTopColor: {
+    isValid: isColor,
+    ref: 'https://reactnative.dev/docs/layout-props#bordertopwidth'
+  },
+  borderTopWidth: {
+    isValid: isNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#bordertopwidth'
+  },
+  borderWidth: {
+    isValid: isNumber,
+    ref: 'https://reactnative.dev/docs/image-style-props#borderwidth'
+  },
+  bottom: {
+    isValid: isStringOrNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#bottom'
+  },
+  color: {
+    isValid: isColor,
+    ref: 'https://reactnative.dev/docs/text-style-props#color'
+  },
+  columnGap: {
+    isValid: isNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#columngap'
+  },
+  direction: {
+    isValid: isIn('inherit', 'LTR', 'RTL'),
+    ref: 'https://reactnative.dev/docs/layout-props#direction'
+  },
+  display: {
+    isValid: isIn('none', 'flex'),
+    ref: 'https://reactnative.dev/docs/layout-props#display'
+  },
+  elevation: {
+    isValid: isNumber,
+    ref: 'https://reactnative.dev/docs/view-style-props#elevation-android'
+  },
+  end: {
+    isValid: isStringOrNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#end'
+  },
+  flex: {
+    isValid: isNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#flex'
+  },
+  flexBasis: {
+    isValid: isStringOrNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#flexbasis'
+  },
+  flexDirection: {
+    isValid: isIn('column', 'row', 'column-reverse', 'row-reverse'),
+    ref: 'https://reactnative.dev/docs/layout-props#flexdirection'
+  },
+  flexGrow: {
+    isValid: isNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#flexgrow'
+  },
+  flexShrink: {
+    isValid: isNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#flexshrink'
+  },
+  flexWrap: {
+    isValid: isIn('wrap', 'nowrap', 'wrap-reverse'),
+    ref: 'https://reactnative.dev/docs/layout-props#flexwrap'
+  },
+  fontFamily: {
+    isValid: v => Font.isLoaded(v),
+    errorMsg: v => `Font '${v}' is not loaded. Font family names are case-sensitive. Please add font either in theme or app.`,
+    ref: 'https://reactnative.dev/docs/text-style-props#fontfamily'
+  },
+  fontSize: {
+    isValid: isNumber,
+    ref: 'https://reactnative.dev/docs/text-style-props#fontsize'
+  },
+  fontStyle: {
+    isValid: isIn('normal', 'italic'),
+    ref: 'https://reactnative.dev/docs/text-style-props#fontstyle'
+  },
+  fontVariant: {
+    isValid: v => isIn('small-caps', 'oldstyle-nums', 'lining-nums', 'tabular-nums', 'proportional-nums') || isString(v),
+    ref: 'https://reactnative.dev/docs/text-style-props#fontvariant'
+  },
+  fontWeight: {
+    isValid: v => isIn('normal', 'bold', '100', '200', '300', '400', '500', '600', '700', '800', '900') || isNumber(v),
+    ref: 'https://reactnative.dev/docs/text-style-props#fontweight'
+  },
+  gap: {
+    isValid: isNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#gap'
+  },
+  height: {
+    isValid: isStringOrNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#height'
+  },
+  justifyContent: {
+    isValid: isIn('flex-start', 'flex-end', 'center', 'space-between', 'space-around', 'space-evenly'),
+    ref: 'https://reactnative.dev/docs/layout-props#justifycontent'
+  },
+  left: {
+    isValid: isStringOrNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#left'
+  },
+  letterSpacing: {
+    isValid: isNumber,
+    ref: 'https://reactnative.dev/docs/text-style-props#letterspacing'
+  },
+  lineHeight: {
+    isValid: isNumber,
+    ref: 'https://reactnative.dev/docs/text-style-props#lineheight'
+  },
+  margin: {
+    isValid: isStringOrNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#margin'
+  },
+  marginBottom: {
+    isValid: isStringOrNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#marginbottom'
+  },
+  marginEnd: {
+    isValid: isStringOrNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#marginend'
+  },
+  marginHorizontal: {
+    isValid: isStringOrNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#marginhorizontal'
+  },
+  marginLeft: {
+    isValid: isStringOrNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#marginleft'
+  },
+  marginRight: {
+    isValid: isStringOrNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#marginright'
+  },
+  marginStart: {
+    isValid: isStringOrNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#marginstart'
+  },
+  marginTop: {
+    isValid: isStringOrNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#margintop'
+  },
+  marginVertical: {
+    isValid: isStringOrNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#marginvertical'
+  },
+  maxHeight: {
+    isValid: isStringOrNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#maxheight'
+  },
+  maxWidth: {
+    isValid: isStringOrNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#maxwidth'
+  },
+  minHeight: {
+    isValid: isStringOrNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#minheight'
+  },
+  minWidth: {
+    isValid: isStringOrNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#minwidth'
+  },
+  opacity: {
+    isValid: isNumber,
+    ref: 'https://reactnative.dev/docs/image-style-props#opacity'
+  },
+  overflow: {
+    isValid: isIn('visible', 'hidden', 'scroll'),
+    ref: 'https://reactnative.dev/docs/image-style-props#overflow'
+  },
+  overlayColor: {
+    isValid: isColor,
+    ref: 'https://reactnative.dev/docs/image-style-props#overlaycolor-android'
+  },
+  padding: {
+    isValid: isStringOrNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#padding'
+  },
+  paddingBottom: {
+    isValid: isStringOrNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#paddingbottom'
+  },
+  paddingEnd: {
+    isValid: isStringOrNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#paddingend'
+  },
+  paddingHorizontal: {
+    isValid: isStringOrNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#paddinghorizontal'
+  },
+  paddingLeft: {
+    isValid: isStringOrNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#paddingleft'
+  },
+  paddingRight: {
+    isValid: isStringOrNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#paddingright'
+  },
+  paddingStart: {
+    isValid: isStringOrNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#paddingstart'
+  },
+  paddingTop: {
+    isValid: isStringOrNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#paddingtop'
+  },
+  paddingVertical: {
+    isValid: isStringOrNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#paddingvertical'
+  },
+  pointerEvents: {
+    isValid: isIn('auto', 'box-none', 'box-only', 'none'),
+    ref: 'https://reactnative.dev/docs/view-style-props#pointerevents'
+  },
+  position: {
+    isValid: isIn('absolute', 'relative', 'fixed'),
+    ref: 'https://reactnative.dev/docs/layout-props#position'
+  },
+  resizeMode: {
+    isValid: isIn('cover', 'contain', 'stretch', 'repeat', 'center'),
+    ref: 'https://reactnative.dev/docs/image-style-props#resizemode'
+  },
+  right: {
+    isValid: isStringOrNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#right'
+  },
+  rowGap: {
+    isValid: isNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#rowgap'
+  },
+  shadowColor: {
+    isValid: isColor,
+    ref: 'https://reactnative.dev/docs/shadow-props#shadowcolor'
+  },
+  shadowOpacity: {
+    isValid: isNumber,
+    ref: 'https://reactnative.dev/docs/shadow-props#shadowopacity-ios'
+  },
+  shadowRadius: {
+    isValid: isNumber,
+    ref: 'https://reactnative.dev/docs/shadow-props#shadowradius-ios'
+  },
+  start: {
+    isValid: isStringOrNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#start'
+  },
+  textAlign: {
+    isValid: isIn('auto', 'left', 'right', 'center', 'justify'),
+    ref: 'https://reactnative.dev/docs/text-style-props#textalign'
+  },
+  textAlignVertical: {
+    isValid: isIn('auto', 'top', 'bottom', 'center'),
+    ref: 'https://reactnative.dev/docs/text-style-props#textalignvertical-android'
+  },
+  textDecorationColor: {
+    isValid: isColor,
+    ref: 'https://reactnative.dev/docs/text-style-props#textdecorationcolor-ios'
+  },
+  textDecorationLine: {
+    isValid: isIn('none', 'underline', 'line-through', 'underline line-through'),
+    ref: 'https://reactnative.dev/docs/text-style-props#textdecorationline'
+  },
+  textDecorationStyle: {
+    isValid: isIn('solid', 'double', 'dotted', 'dashed'),
+    ref: 'https://reactnative.dev/docs/text-style-props#textdecorationstyle-ios'
+  },
+  textShadowColor: {
+    isValid: isColor,
+    ref: 'https://reactnative.dev/docs/text-style-props#textshadowcolor'
+  },
+  textShadowRadius: {
+    isValid: isNumber,
+    ref: 'https://reactnative.dev/docs/text-style-props#textshadowoffset'
+  },
+  textTransform: {
+    isValid: isIn('none', 'uppercase', 'lowercase', 'capitalize'),
+    ref: 'https://reactnative.dev/docs/text-style-props#texttransform'
+  },
+  tintColor: {
+    isValid: isColor,
+    ref: 'https://reactnative.dev/docs/image-style-props#tintcolor'
+  },
+  top: {
+    isValid: isStringOrNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#top'
+  },
+  userSelect: {
+    isValid: isIn('text', 'none'),
+    ref: 'valid values to user-select are text, none.'
+  },
+  verticalAlign: {
+    isValid: isIn('auto', 'top', 'bottom', 'middle'),
+    ref: 'https://reactnative.dev/docs/text-style-props#verticalalign-android'
+  },
+  width: {
+    isValid: isStringOrNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#width'
+  },
+  writingDirection: {
+    isValid: isIn('auto', 'ltr', 'rtl'),
+    ref: 'https://reactnative.dev/docs/text-style-props#writingdirection-ios'
+  },
+  zIndex: {
+    isValid: isNumber,
+    ref: 'https://reactnative.dev/docs/layout-props#zindex'
+  }
+};
+export const getStyleReference = name => {
+  const info = STYLE_PROP_TYPE_INFO[name];
+  return !info || info.ref;
+};
+export const isValidStyleProp = (name, value) => {
+  const info = STYLE_PROP_TYPE_INFO[name];
+  return (name === null || name === void 0 ? void 0 : name.trim().startsWith('__')) || info && info.isValid(value);
+};
+export const getErrorMessage = (name, value) => {
+  const info = STYLE_PROP_TYPE_INFO[name];
+  name = name.replace(/([A-Z])/g, g => `-${g[0].toLowerCase()}`);
+  if (info) {
+    if (info.errorMsg) {
+      return info.errorMsg(value);
+    } else {
+      return `'${value}' is not a valid value to '${name}'.`;
+    }
+  }
+  return `'${name}' is not a supported style property in one or all Native Platforms.`;
+};
+//# sourceMappingURL=style-prop.validator.js.map

package/styles/style-prop.validator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isNumber","isString","Font","isColor","c","isStringOrNumber","v","isIn","arr","obj","forEach","k","STYLE_PROP_TYPE_INFO","alignContent","isValid","ref","alignItems","alignSelf","aspectRatio","backfaceVisibility","backgroundColor","backgroundImage","borderBottomColor","borderBottomEndRadius","borderBottomLeftRadius","backgroundPosition","backgroundRepeat","backgroundSize","borderBottomRightRadius","borderBottomStartRadius","borderBottomWidth","borderColor","borderCurve","borderEndColor","borderEndWidth","borderLeftColor","borderLeftWidth","borderRadius","borderRightColor","borderRightWidth","borderStartColor","borderStartWidth","borderStyle","borderTopEndRadius","borderTopLeftRadius","borderTopRightRadius","borderTopStartRadius","borderTopColor","borderTopWidth","borderWidth","bottom","color","columnGap","direction","display","elevation","end","flex","flexBasis","flexDirection","flexGrow","flexShrink","flexWrap","fontFamily","isLoaded","errorMsg","fontSize","fontStyle","fontVariant","fontWeight","gap","height","justifyContent","left","letterSpacing","lineHeight","margin","marginBottom","marginEnd","marginHorizontal","marginLeft","marginRight","marginStart","marginTop","marginVertical","maxHeight","maxWidth","minHeight","minWidth","opacity","overflow","overlayColor","padding","paddingBottom","paddingEnd","paddingHorizontal","paddingLeft","paddingRight","paddingStart","paddingTop","paddingVertical","pointerEvents","position","resizeMode","right","rowGap","shadowColor","shadowOpacity","shadowRadius","start","textAlign","textAlignVertical","textDecorationColor","textDecorationLine","textDecorationStyle","textShadowColor","textShadowRadius","textTransform","tintColor","top","userSelect","verticalAlign","width","writingDirection","zIndex","getStyleReference","name","info","isValidStyleProp","value","trim","startsWith","getErrorMessage","replace","g","toLowerCase"],"sources":["style-prop.validator.ts"],"sourcesContent":["import {isNumber, isNil, isString } from 'lodash-es';\nimport * as Font from 'expo-font';\n\nconst isColor = (c: string) => true;\nconst isStringOrNumber = (v: any) => isNumber(v) || isString(v);\nconst isIn = (...arr: any) => {\n    const obj = {};\n    arr.forEach((v: any) => {\n        (obj as any)[v] = true;\n    })\n    return (k: any) => (obj as any)[k] === true ;\n};\n\nconst STYLE_PROP_TYPE_INFO = {\n    alignContent: {\n        isValid: isIn('flex-start', 'flex-end', 'center', 'stretch', 'space-between', 'space-around'),\n        ref: 'https://reactnative.dev/docs/layout-props#aligncontent'\n    },\n    alignItems: {\n        isValid: isIn('flex-start', 'flex-end', 'center', 'stretch', 'baseline'),\n        ref: 'https://reactnative.dev/docs/layout-props#alignitems'\n    },\n    alignSelf: {\n        isValid: isIn('auto', 'flex-start', 'flex-end', 'center', 'stretch', 'baseline'),\n        ref: 'https://reactnative.dev/docs/layout-props#alignself'\n    },\n    aspectRatio: {\n        isValid: isStringOrNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#aspectratio'\n    },\n    backfaceVisibility: {\n        isValid: isIn('visible', 'hidden'),\n        ref: 'https://reactnative.dev/docs/image-style-props#backfacevisibility'\n    },\n    backgroundColor: {\n        isValid: isColor,\n        ref: 'https://reactnative.dev/docs/image-style-props#backgroundcolor'\n    },\n    backgroundImage: {\n        isValid: isString,\n        ref: 'http://www.wavemakeronline.com/app-runtime/latest/rn/style-docs/widgets/view'\n    },\n    borderBottomColor: {\n        isValid: isColor,\n        ref: 'https://reactnative.dev/docs/view-style-props#borderbottomcolor'\n    },\n    borderBottomEndRadius: {\n        isValid: isNumber,\n        ref: 'https://reactnative.dev/docs/view-style-props#borderbottomendradius'\n    },\n    borderBottomLeftRadius: {\n        isValid: isNumber,\n        ref: 'https://reactnative.dev/docs/image-style-props#borderbottomleftradius'\n    },\n    backgroundPosition: {\n        isValid: isStringOrNumber,\n        ref: 'http://www.wavemakeronline.com/app-runtime/latest/rn/style-docs/widgets/view'\n    },\n    backgroundRepeat: {\n        isValid: isIn('repeat', 'repeat-x', 'repeat-y', 'no-repeat'),\n        ref: 'http://www.wavemakeronline.com/app-runtime/latest/rn/style-docs/widgets/view'\n    },\n    backgroundSize: {\n        isValid: isStringOrNumber,\n        ref: 'http://www.wavemakeronline.com/app-runtime/latest/rn/style-docs/widgets/view'\n    },\n    borderBottomRightRadius: {\n        isValid: isNumber,\n        ref: 'https://reactnative.dev/docs/image-style-props#borderbottomrightradius'\n    },\n    borderBottomStartRadius: {\n        isValid: isNumber,\n        ref: 'https://reactnative.dev/docs/view-style-props#borderbottomstartradius'\n    },\n    borderBottomWidth: {\n        isValid: isNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#borderbottomwidth'\n    },\n    borderColor: {\n        isValid: isColor,\n        ref: 'https://reactnative.dev/docs/image-style-props#bordercolor'\n    },\n    borderCurve: {\n        isValid: isIn('circular', 'continuous'),\n        ref: 'https://reactnative.dev/docs/view-style-props#bordercurve-ios'\n    },\n    borderEndColor: {\n        isValid: isColor,\n        ref: 'https://reactnative.dev/docs/view-style-props#borderendcolor'\n    },\n    borderEndWidth: {\n        isValid: isNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#borderendwidth'\n    },\n    borderLeftColor: {\n        isValid: isColor,\n        ref: 'https://reactnative.dev/docs/view-style-props#borderleftcolor'\n    },\n    borderLeftWidth: {\n        isValid: isNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#borderleftwidth'\n    },\n    borderRadius: {\n        isValid: isNumber,\n        ref: 'https://reactnative.dev/docs/image-style-props#borderradius'\n    },\n    borderRightColor: {\n        isValid: isColor,\n        ref: 'https://reactnative.dev/docs/view-style-props#borderrightcolor'\n    },\n    borderRightWidth: {\n        isValid: isNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#borderrightwidth'\n    },\n    borderStartColor: {\n        isValid: isColor,\n        ref: 'https://reactnative.dev/docs/view-style-props#borderstartcolor'\n    },\n    borderStartWidth: {\n        isValid: isNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#borderstartwidth'\n    },\n    borderStyle: {\n        isValid: isIn('solid', 'dotted', 'dashed'),\n        ref: 'https://reactnative.dev/docs/view-style-props#borderstyle'\n    },\n    borderTopEndRadius: {\n        isValid: isColor,\n        ref: 'https://reactnative.dev/docs/view-style-props#bordertopendradius'\n    },\n    borderTopLeftRadius: {\n        isValid: isNumber,\n        ref: 'https://reactnative.dev/docs/image-style-props#bordertopleftradius'\n    },\n    borderTopRightRadius: {\n        isValid: isNumber,\n        ref: 'https://reactnative.dev/docs/image-style-props#bordertoprightradius'\n    },\n    borderTopStartRadius: {\n        isValid: isNumber,\n        ref: 'https://reactnative.dev/docs/view-style-props#bordertopstartradius'\n    },\n    borderTopColor: {\n        isValid: isColor,\n        ref: 'https://reactnative.dev/docs/layout-props#bordertopwidth'\n    },\n    borderTopWidth: {\n        isValid: isNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#bordertopwidth'\n    },\n    borderWidth: {\n        isValid: isNumber,\n        ref: 'https://reactnative.dev/docs/image-style-props#borderwidth'\n    },\n    bottom: {\n        isValid: isStringOrNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#bottom'\n    },\n    color: {\n        isValid: isColor,\n        ref: 'https://reactnative.dev/docs/text-style-props#color'\n    },\n    columnGap: {\n        isValid: isNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#columngap'\n    },\n    direction: {\n        isValid: isIn('inherit', 'LTR', 'RTL'),\n        ref: 'https://reactnative.dev/docs/layout-props#direction'\n    },\n    display: {\n        isValid: isIn('none', 'flex'),\n        ref: 'https://reactnative.dev/docs/layout-props#display'\n    },\n    elevation: {\n        isValid: isNumber,\n        ref: 'https://reactnative.dev/docs/view-style-props#elevation-android'\n    },\n    end: {\n        isValid: isStringOrNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#end'\n    },\n    flex: {\n        isValid: isNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#flex'\n    },\n    flexBasis: {\n        isValid: isStringOrNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#flexbasis'\n    },\n    flexDirection: {\n        isValid: isIn('column', 'row', 'column-reverse', 'row-reverse'),\n        ref: 'https://reactnative.dev/docs/layout-props#flexdirection'\n    },\n    flexGrow: {\n        isValid: isNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#flexgrow'\n    },\n    flexShrink: {\n        isValid: isNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#flexshrink'\n    },\n    flexWrap: {\n        isValid: isIn('wrap', 'nowrap', 'wrap-reverse'),\n        ref: 'https://reactnative.dev/docs/layout-props#flexwrap'\n    },\n    fontFamily: {\n        isValid: (v: string) => Font.isLoaded(v),\n        errorMsg: (v: string) => `Font '${v}' is not loaded. Font family names are case-sensitive. Please add font either in theme or app.`,\n        ref: 'https://reactnative.dev/docs/text-style-props#fontfamily'\n    },\n    fontSize: {\n        isValid: isNumber,\n        ref: 'https://reactnative.dev/docs/text-style-props#fontsize'\n    },\n    fontStyle: {\n        isValid: isIn('normal', 'italic'),\n        ref: 'https://reactnative.dev/docs/text-style-props#fontstyle'\n    },\n    fontVariant: {\n        isValid: (v: any) => isIn('small-caps', 'oldstyle-nums', 'lining-nums', 'tabular-nums', 'proportional-nums') || isString(v),\n        ref: 'https://reactnative.dev/docs/text-style-props#fontvariant'\n    },\n    fontWeight: {\n        isValid: (v: any) => isIn('normal', 'bold', '100', '200', '300', '400', '500', '600', '700', '800', '900') || isNumber(v),\n        ref: 'https://reactnative.dev/docs/text-style-props#fontweight'\n    },\n    gap: {\n        isValid: isNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#gap'\n    },\n    height: {\n        isValid: isStringOrNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#height'\n    },\n    justifyContent: {\n        isValid: isIn('flex-start', 'flex-end', 'center', 'space-between', 'space-around', 'space-evenly'),\n        ref: 'https://reactnative.dev/docs/layout-props#justifycontent'\n    },\n    left: {\n        isValid: isStringOrNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#left'\n    },\n    letterSpacing: {\n        isValid: isNumber,\n        ref: 'https://reactnative.dev/docs/text-style-props#letterspacing'\n    },\n    lineHeight: {\n        isValid: isNumber,\n        ref: 'https://reactnative.dev/docs/text-style-props#lineheight'\n    },\n    margin: {\n        isValid: isStringOrNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#margin'\n    },\n    marginBottom: {\n        isValid: isStringOrNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#marginbottom'\n    },\n    marginEnd: {\n        isValid: isStringOrNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#marginend'\n    },\n    marginHorizontal: {\n        isValid: isStringOrNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#marginhorizontal'\n    },\n    marginLeft: {\n        isValid: isStringOrNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#marginleft'\n    },\n    marginRight: {\n        isValid: isStringOrNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#marginright'\n    },\n    marginStart: {\n        isValid: isStringOrNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#marginstart'\n    },\n    marginTop: {\n        isValid: isStringOrNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#margintop'\n    },\n    marginVertical: {\n        isValid: isStringOrNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#marginvertical'\n    },\n    maxHeight: {\n        isValid: isStringOrNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#maxheight'\n    },\n    maxWidth: {\n        isValid: isStringOrNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#maxwidth'\n    },\n    minHeight: {\n        isValid: isStringOrNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#minheight'\n    },\n    minWidth: {\n        isValid: isStringOrNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#minwidth'\n    },\n    opacity: {\n        isValid: isNumber,\n        ref: 'https://reactnative.dev/docs/image-style-props#opacity'\n    },\n    overflow: {\n        isValid: isIn('visible', 'hidden', 'scroll'),\n        ref: 'https://reactnative.dev/docs/image-style-props#overflow'\n    },\n    overlayColor: {\n        isValid: isColor,\n        ref: 'https://reactnative.dev/docs/image-style-props#overlaycolor-android'\n    },\n    padding: {\n        isValid: isStringOrNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#padding'\n    },\n    paddingBottom: {\n        isValid: isStringOrNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#paddingbottom'\n    },\n    paddingEnd: {\n        isValid: isStringOrNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#paddingend'\n    },\n    paddingHorizontal: {\n        isValid: isStringOrNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#paddinghorizontal'\n    },\n    paddingLeft: {\n        isValid: isStringOrNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#paddingleft'\n    },\n    paddingRight: {\n        isValid: isStringOrNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#paddingright'\n    },\n    paddingStart: {\n        isValid: isStringOrNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#paddingstart'\n    },\n    paddingTop: {\n        isValid: isStringOrNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#paddingtop'\n    },\n    paddingVertical: {\n        isValid: isStringOrNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#paddingvertical'\n    },\n    pointerEvents: {\n        isValid: isIn('auto', 'box-none', 'box-only', 'none' ),\n        ref: 'https://reactnative.dev/docs/view-style-props#pointerevents'\n    },\n    position: {\n        isValid: isIn('absolute', 'relative', 'fixed'),\n        ref: 'https://reactnative.dev/docs/layout-props#position'\n    },\n    resizeMode: {\n        isValid: isIn('cover', 'contain', 'stretch', 'repeat', 'center'),\n        ref: 'https://reactnative.dev/docs/image-style-props#resizemode'\n    },\n    right: {\n        isValid: isStringOrNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#right'\n    },\n    rowGap: {\n        isValid: isNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#rowgap'\n    },\n    shadowColor: {\n        isValid: isColor,\n        ref: 'https://reactnative.dev/docs/shadow-props#shadowcolor'\n    },\n    shadowOpacity: {\n        isValid: isNumber,\n        ref: 'https://reactnative.dev/docs/shadow-props#shadowopacity-ios'\n    },\n    shadowRadius: {\n        isValid: isNumber,\n        ref: 'https://reactnative.dev/docs/shadow-props#shadowradius-ios'\n    },\n    start: {\n        isValid: isStringOrNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#start'\n    },\n    textAlign: {\n        isValid: isIn('auto', 'left', 'right', 'center', 'justify'),\n        ref: 'https://reactnative.dev/docs/text-style-props#textalign'\n    },\n    textAlignVertical: {\n        isValid: isIn('auto', 'top', 'bottom', 'center'),\n        ref: 'https://reactnative.dev/docs/text-style-props#textalignvertical-android'\n    },\n    textDecorationColor: {\n        isValid: isColor,\n        ref: 'https://reactnative.dev/docs/text-style-props#textdecorationcolor-ios'\n    },\n    textDecorationLine: {\n        isValid: isIn('none', 'underline', 'line-through', 'underline line-through'),\n        ref: 'https://reactnative.dev/docs/text-style-props#textdecorationline'\n    },\n    textDecorationStyle: {\n        isValid: isIn('solid', 'double', 'dotted', 'dashed'),\n        ref: 'https://reactnative.dev/docs/text-style-props#textdecorationstyle-ios'\n    },\n    textShadowColor: {\n        isValid: isColor,\n        ref: 'https://reactnative.dev/docs/text-style-props#textshadowcolor'\n    },\n    textShadowRadius: {\n        isValid: isNumber,\n        ref: 'https://reactnative.dev/docs/text-style-props#textshadowoffset'\n    },\n    textTransform: {\n        isValid: isIn('none', 'uppercase', 'lowercase', 'capitalize'),\n        ref: 'https://reactnative.dev/docs/text-style-props#texttransform'\n    },\n    tintColor: {\n        isValid: isColor,\n        ref: 'https://reactnative.dev/docs/image-style-props#tintcolor'\n    },\n    top: {\n        isValid: isStringOrNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#top'\n    },\n    userSelect: {\n        isValid: isIn('text', 'none'),\n        ref: 'valid values to user-select are text, none.'\n    },\n    verticalAlign: {\n        isValid: isIn('auto', 'top', 'bottom', 'middle'),\n        ref: 'https://reactnative.dev/docs/text-style-props#verticalalign-android'\n    },\n    width: {\n        isValid: isStringOrNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#width'\n    },\n    writingDirection: {\n        isValid: isIn('auto', 'ltr', 'rtl'),\n        ref: 'https://reactnative.dev/docs/text-style-props#writingdirection-ios'\n    },\n    zIndex:  {\n        isValid: isNumber,\n        ref: 'https://reactnative.dev/docs/layout-props#zindex'\n    },\n};\n\nexport const getStyleReference = (name: string) => {\n    const info = (STYLE_PROP_TYPE_INFO as any)[name];\n    return !info || info.ref;\n};\n\nexport const isValidStyleProp = (name: string, value: any) => {\n    const info = (STYLE_PROP_TYPE_INFO as any)[name];\n    return name?.trim().startsWith('__') || (info && info.isValid(value));\n};\n\nexport const getErrorMessage = (name: string, value: any) => {\n    const info = (STYLE_PROP_TYPE_INFO as any)[name];\n    name = name.replace(/([A-Z])/g, (g) => `-${g[0].toLowerCase()}`);\n    if (info) {\n        if (info.errorMsg) {\n            return info.errorMsg(value);\n        } else {\n            return `'${value}' is not a valid value to '${name}'.`;\n        }\n    }\n    return `'${name}' is not a supported style property in one or all Native Platforms.`\n};"],"mappings":"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","ignoreList":[]}

package/styles/style-props.js

@@ -0,0 +1,105 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+export class StyleProps {
+  constructor() {
+    _defineProperty(this, "backgroundimage", void 0);
+    _defineProperty(this, "backgroundsize", void 0);
+    _defineProperty(this, "backgroundrepeat", void 0);
+    _defineProperty(this, "backgroundresizemode", void 0);
+    _defineProperty(this, "backgroundposition", void 0);
+    _defineProperty(this, "backgroundcolor", void 0);
+    _defineProperty(this, "bordercolor", void 0);
+    _defineProperty(this, "borderradius", void 0);
+    _defineProperty(this, "borderstyle", void 0);
+    _defineProperty(this, "borderwidth", void 0);
+    _defineProperty(this, "borderbottomwidth", void 0);
+    _defineProperty(this, "borderleftwidth", void 0);
+    _defineProperty(this, "borderrightwidth", void 0);
+    _defineProperty(this, "bordertopwidth", void 0);
+    _defineProperty(this, "color", void 0);
+    _defineProperty(this, "display", void 0);
+    _defineProperty(this, "fontsize", void 0);
+    _defineProperty(this, "fontfamily", void 0);
+    _defineProperty(this, "fontstyle", void 0);
+    _defineProperty(this, "fontvariant", void 0);
+    _defineProperty(this, "fontweight", void 0);
+    _defineProperty(this, "height", void 0);
+    _defineProperty(this, "horizontalalign", void 0);
+    _defineProperty(this, "lineheight", void 0);
+    _defineProperty(this, "margin", void 0);
+    _defineProperty(this, "marginbottom", void 0);
+    _defineProperty(this, "marginleft", void 0);
+    _defineProperty(this, "marginright", void 0);
+    _defineProperty(this, "margintop", void 0);
+    _defineProperty(this, "opacity", void 0);
+    _defineProperty(this, "position", void 0);
+    _defineProperty(this, "overflow", void 0);
+    _defineProperty(this, "padding", void 0);
+    _defineProperty(this, "paddingbottom", void 0);
+    _defineProperty(this, "paddingleft", void 0);
+    _defineProperty(this, "paddingright", void 0);
+    _defineProperty(this, "paddingtop", void 0);
+    _defineProperty(this, "textalign", void 0);
+    _defineProperty(this, "textdecoration", void 0);
+    _defineProperty(this, "verticalalign", void 0);
+    _defineProperty(this, "width", void 0);
+    _defineProperty(this, "zindex", void 0);
+    _defineProperty(this, "positionvalue", void 0);
+    _defineProperty(this, "top", void 0);
+    // Use appropriate type (number, string, etc.)
+    _defineProperty(this, "bottom", void 0);
+    _defineProperty(this, "left", void 0);
+    _defineProperty(this, "right", void 0);
+  }
+}
+const styleMapping = {
+  backgroundimage: 'backgroundImage',
+  backgroundsize: 'backgroundSize',
+  backgroundrepeat: 'backgroundRepeat',
+  backgroundresizemode: 'backgroundResizeMode',
+  backgroundposition: 'backgroundPosition',
+  backgroundcolor: 'backgroundColor',
+  bordercolor: 'borderColor',
+  borderradius: 'borderRadius',
+  borderstyle: 'borderStyle',
+  borderwidth: 'borderWidth',
+  borderbottomwidth: 'borderBottomWidth',
+  borderleftwidth: 'borderLeftWidth',
+  borderrightwidth: 'borderRightWidth',
+  bordertopwidth: 'borderTopWidth',
+  color: 'color',
+  display: 'display',
+  fontsize: 'fontSize',
+  fontfamily: 'fontFamily',
+  fontstyle: 'fontStyle',
+  fontvariant: 'fontVariant',
+  fontweight: 'fontWeight',
+  height: 'height',
+  //horizontalalign: any;
+  lineheight: 'lineHeight',
+  margin: 'margin',
+  marginbottom: 'marginBottom',
+  marginleft: 'marginLeft',
+  marginright: 'marginRight',
+  margintop: 'marginTop',
+  opacity: 'opacity',
+  position: 'position',
+  overflow: 'overflow',
+  padding: 'padding',
+  paddingbottom: 'paddingBottom',
+  paddingleft: 'paddingLeft',
+  paddingright: 'paddingRight',
+  paddingtop: 'paddingTop',
+  textalign: 'textAlign',
+  textdecoration: 'textDecoration',
+  verticalalign: 'verticalAlign',
+  width: 'width',
+  zindex: 'zindex',
+  top: 'top',
+  bottom: 'bottom',
+  left: 'left',
+  right: 'right'
+};
+export const getStyleName = name => styleMapping[name];
+//# sourceMappingURL=style-props.js.map