@zohodesk/utils 1.0.2-alpha.4 → 1.0.3-alpha.0

package/es/constantProps/uiProps.js

@@ -31,4 +31,11 @@ export const shapeList = {
   roundedRect: 'shape_roundedRect',
   rounded: 'shape_rounded'
 };
-export const shapes = Object.values(shapeList);
+export const shapes = Object.values(shapeList);
+export const decorationList = {
+  overLine: 'decoration_overline',
+  lineThrough: 'decoration_linethrough',
+  underLine: 'decoration_underline',
+  none: 'decoration_none'
+};
+export const decorations = Object.values(decorationList);

package/es/mergeStyle.js

@@ -1,28 +1,31 @@
+import "core-js/modules/es.array.includes";
+
 /**
- * REPLACER_SYMBOL used to indentify 
+ * REPLACER_SYMBOL used to indentify
  */
-const REPLACER_SYMBOL = "$";
+const REPLACER_SYMBOL = '$';
 /**
  *  $ startWith is used for replace the existing style.
  *  all other will be append
- * @param {*} defaultStyle 
+ * @param {*} defaultStyle
  * @param {*} customStyle
  * @returns
  */
 
 export default function mergeStyle(defaultStyle, customStyle) {
+  let additionalStyle = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
   return Object.keys(customStyle).reduce((res, next) => {
     if (next.startsWith(REPLACER_SYMBOL)) {
       let styleValue = customStyle[next];
-      let styleName = next.replace(REPLACER_SYMBOL, "");
+      let styleName = next.replace(REPLACER_SYMBOL, '');
 
-      if (!defaultStyle[styleName]) {
+      if (!defaultStyle[styleName] && !additionalStyle.includes(styleName)) {
         return res;
       }
 
       res[styleName] = styleValue;
-    } else if (defaultStyle[next]) {
-      res[next] = defaultStyle[next] + " " + customStyle[next];
+    } else if (defaultStyle[next] || additionalStyle.includes(next)) {
+      res[next] = (defaultStyle[next] || '') + ' ' + customStyle[next];
     }
 
     return res;

package/es/props/uiProps.js

@@ -2,7 +2,7 @@
 
 /* eslint-disable no-restricted-syntax */
 import PropTypes from 'prop-types';
-import { variants, colors, sizes, shapes } from "../constantProps";
+import { variants, colors, sizes, shapes, decorations } from '../constantProps';
 export const getVariantProps = (variants, exvariant) => {
   let variant = [];
 
@@ -48,11 +48,11 @@ export const getSizeProps = (sizes, exSizes) => {
 export const sizeProps = {
   size: PropTypes.oneOf(sizes)
 };
-export const getShapeProps = (shapes, exshapes) => {
+export const getShapeProps = (shapes, exShapes) => {
   let shape = [];
 
-  if (exshapes) {
-    shape = [...exshapes];
+  if (exShapes) {
+    shape = [...exShapes];
   }
 
   shape = [...shape, ...shapes];
@@ -62,4 +62,19 @@ export const getShapeProps = (shapes, exshapes) => {
 };
 export const shapeProps = {
   shape: PropTypes.oneOf(shapes)
+};
+export const getDecorationProps = (decorations, exDecorations) => {
+  let decoration = [];
+
+  if (exDecorations) {
+    decoration = [...exDecorations];
+  }
+
+  decoration = [...decoration, ...decorations];
+  return {
+    textDecoration: PropTypes.oneOf(decoration)
+  };
+};
+export const decorationProps = {
+  decoration: PropTypes.oneOf(decorations)
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/utils",
-  "version": "1.0.2-alpha.4",
+  "version": "1.0.3-alpha.0",
   "description": "",
   "private": false,
   "publishConfig": {
@@ -22,5 +22,5 @@
   ],
   "author": "",
   "license": "ISC",
-  "gitHead": "b67155519d8631c1e4674a1199e6051361db1b03"
+  "gitHead": "da782dc40951b76af85d2091c4c72dd2a6bf6969"
 }