@zohodesk/utils 1.0.3-alpha.1 → 1.0.4

package/es/jsonToQueryString.js

@@ -0,0 +1,6 @@
+export default function jsonToQueryString(json) {
+  var str = Object.keys(json).map(function (key) {
+    return encodeURIComponent(key) + '=' + encodeURIComponent(json[key]);
+  }).join('&');
+  return str != '' ? '?' + str : str;
+}

package/es/props/tagAttributeProps.js

@@ -1,4 +1,9 @@
 import PropTypes from 'prop-types';
+/**
+ * tagAttributes - is used to spread these attributes for events customize and override few attributes.
+ */
+
+export const tagAttributes = "tagAttributes";
 const attributesList = ["tabIndex"];
 const dataAttribute = "^data|on";
 export const tagAttributesPropType = function (props, propName, componentName) {
@@ -10,15 +15,21 @@ export const tagAttributesPropType = function (props, propName, componentName) {
   let curPattern2 = new RegExp(dataAttribute);
   Object.keys(props[propName]).forEach(keyName => {
     if (!(curPattern.test(keyName) || curPattern2.test(keyName))) {
-      console.warn(`Warning: these attributes name ${keyName} are not allowed in ${propName}`);
+      console.warn(`Warning: these attributes ( ${keyName} ) aren't mentioned in ${propName}, component: ${componentName}`);
     }
   });
 };
-export default {
-  tagAttributes: tagAttributesPropType
-};
-/**
- * tagAttributes - is used to spread these attributes for events customize and override few attributes.
- */
+export const tagAttributesShape = shapeOf => (props, propName, componentName) => {
+  let propObject = props[propName];
+  propObject && Object.keys(propObject).forEach(keyName => {
+    if (!shapeOf.hasOwnProperty(keyName)) {
+      console.error(`Warning: these key ( ${keyName} ) aren't allowed in ${propName}, component: ${componentName}`);
+      return;
+    }
 
-export const tagAttributes = "tagAttributes";
+    shapeOf[keyName](propObject, keyName, `${componentName} prop: ${propName}.${keyName} `);
+  });
+};
+export default {
+  [tagAttributes]: tagAttributesPropType
+};

package/es/props/tagGeneralAttributeProps.js

@@ -1,4 +1,9 @@
 import PropTypes from 'prop-types';
+/**
+ * tagGeneralAttributes - is to spread the global attributes in component.
+ */
+
+export const tagGeneralAttributes = "tagGeneralAttributes";
 const attributesList = ["accesskey", "contentEditable", "dir", "draggable", "hidden", "lang", "tabIndex", "title", "spellcheck", "translate"];
 const dataAttribute = "^data|on";
 export const tagGeneralAttributesPropType = function (props, propName, componentName) {
@@ -10,15 +15,21 @@ export const tagGeneralAttributesPropType = function (props, propName, component
   let curPattern2 = new RegExp(dataAttribute);
   Object.keys(props[propName]).forEach(keyName => {
     if (!(curPattern.test(keyName) || curPattern2.test(keyName))) {
-      console.warn(`Warning: these attributes name ${keyName} are not allowed in tagGeneralAttributes`);
+      console.warn(`Warning: these attributes ( ${keyName} ) aren't mentioned in tagGeneralAttributes, component: ${componentName}`);
     }
   });
 };
-export default {
-  tagGeneralAttributes: tagGeneralAttributesPropType
-};
-/**
- * tagGeneralAttributes - is to spread the global attributes in component.
- */
+export const tagGeneralAttributesShape = shapeOf => (props, propName, componentName) => {
+  let propObject = props[propName];
+  propObject && Object.keys(propObject).forEach(keyName => {
+    if (!shapeOf.hasOwnProperty(keyName)) {
+      console.error(`Warning: these key ( ${keyName} ) aren't allowed in ${propName}, component: ${componentName}`);
+      return;
+    }
 
-export const tagGeneralAttributes = "tagGeneralAttributes";
+    shapeOf[keyName](propObject, keyName, `${componentName} prop: ${propName}.${keyName} `);
+  });
+};
+export default {
+  [tagGeneralAttributes]: tagGeneralAttributesPropType
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/utils",
-  "version": "1.0.3-alpha.1",
+  "version": "1.0.4",
   "description": "",
   "private": false,
   "publishConfig": {
@@ -22,5 +22,5 @@
   ],
   "author": "",
   "license": "ISC",
-  "gitHead": "8dd4468a961c6ecb48c312f72825b33f482be736"
+  "gitHead": "e57c562c44c9b82f9e2fa2df1e3c97d106efb72d"
 }