@zohodesk/utils 1.3.13 → 1.3.15

package/README.md

@@ -1,7 +1,18 @@
-# #UNIFIED COMPONENTS LIBRARY - Utils
+# DOT - Util Collections
 
 In this package, We provide lots of util fuctions for web devlopment
 
+# 1.3.15
+
+- **renderNodeUtils**
+- `renderNode` function added to render content that can be either a function or a React element.
+- `isRenderable` function added to check if the content is renderable (either a function or a valid React element).
+
+# 1.3.14
+
+- **StringUtils**
+- String Utils Methods added
+
 # 1.3.13
 
 - `mergeStyle` issue fix

package/es/ErrorBoundary.js

@@ -6,19 +6,24 @@ export default class ErrorBoundary extends React.Component {
       hasError: false
     };
   }
+
   static getDerivedStateFromError(error) {
     return {
       hasError: true,
       error
     };
   }
+
   componentDidCatch(error, errorInfo) {
     console.log(error, errorInfo);
   }
+
   render() {
     if (this.state.hasError) {
       return this.props.renderFallback(this.state.error);
     }
+
     return this.props.children;
   }
+
 }

package/es/StringUtils.js

@@ -0,0 +1,290 @@
+/**
+ * check given string is empty.
+ * @param {string} string - The string to be check.
+ */
+export function isEmpty(string) {
+  if (!string) {
+    return true;
+  }
+
+  return string.length === 0;
+}
+/**
+ * check given string is not empty.
+ * @param {string} string - Th  e string to be check.
+ */
+
+export function isNotEmpty(string) {
+  return !isEmpty(string);
+}
+/**
+ * check given string is blank.
+ * @param {string} string - The string to be check.
+ */
+
+export function isBlank(string) {
+  if (!string) {
+    return true;
+  }
+
+  return !new RegExp('\\S', 'g').test(string);
+}
+/**
+ * check given string is not blank.
+ * @param {string} string - The string to be check.
+ */
+
+export function isNotBlank(string) {
+  return !isBlank(string);
+}
+/**
+ * find index of given char in the string.
+ * @param {string} string - The string to be modify.
+ */
+
+export function indexOf(string, chars, pos) {
+  if (string == null || typeof string === undefined) {
+    return -1;
+  }
+
+  if (pos) {
+    return str.indexOf(chars, typeof pos === undefined ? 0 : pos);
+  } else {
+    return str.indexOf(chars);
+  }
+}
+/**
+ * Capitalize the first letter of a string.
+ *
+ * @param {string} string - The input string to modify.
+ * @returns {string} The input string with the first letter capitalized.
+ */
+
+export function capitalizeFirstLetter(string) {
+  return !isStringEmpty(string) ? string.charAt(0).toUpperCase() + string.slice(1) : string;
+}
+/**
+ * Encode a string for HTML to prevent cross-site scripting (XSS) attacks.
+ *
+ * @param {string} str - The input string to encode for HTML.
+ * @returns {string} The encoded string safe for inclusion in HTML content.
+ */
+
+export function encodeForHtml(str) {
+  if (/<|>|&|"|'|\\/g.test(str) === true) {
+    str = str.replace(/&/g, '&amp;');
+    str = str.replace(/</g, '&lt;');
+    str = str.replace(/>/g, '&gt;');
+    str = str.replace(/"/g, '&quot;');
+    str = str.replace(/\\/g, '&#x5c;');
+    str = str.replace(/'/g, '&#39;');
+  }
+
+  return str;
+}
+/**
+ * Decode HTML entities in a string.
+ *
+ * @param {string} str - The input string containing HTML-encoded content.
+ * @returns {string} The decoded string.
+ */
+
+export function decodeContent(str) {
+  if (/&amp;|&lt;|&gt;|&quot;|&#x5c;|&#39;|&amp;lt;|&amp;gt;/g.test(str) == true) {
+    str = str.replace(/&amp;/g, '&');
+    str = str.replace(/&lt;|&amp;lt;/g, '<');
+    str = str.replace(/&gt;|&amp;gt;/g, '>');
+    str = str.replace(/&quot;/g, '"');
+    str = str.replace(/&#x5c;/g, '\\');
+    str = str.replace(/&#39;/g, "'");
+  }
+
+  return str;
+}
+/**
+ * Validatate email.
+ *
+ * @param {string} email - The input string to validate.
+ */
+
+export function validateEmail(email) {
+  const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+  return emailRegex.test(email);
+}
+/**
+ * extract domain from the email.
+ *
+ * @param {string} email - The input email to extract domain.
+ */
+
+export function extractDomainFromEmail(email) {
+  const atIndex = email.lastIndexOf('@');
+  return atIndex !== -1 ? email.slice(atIndex + 1) : '';
+}
+/**
+ * Reverse a given string.
+ *
+ * @param {string} string - The input string to reverse.
+ * @returns {string} The reversed string.
+ */
+
+export function reverseString(string) {
+  return !isStringEmpty(string) ? string.split('').reverse().join('') : string;
+}
+/**
+ * Truncate a given string and append an ellipsis if it exceeds a specified length.
+ * @param {string} string - The string to truncate.
+ * @param {number} maxLength - The maximum length of the truncated string.
+ * @returns {string} The truncated string.
+ */
+
+export function truncate(string) {
+  let maxLength = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+
+  if (!isStringEmpty() && string.length > maxLength) {
+    return string.slice(0, maxLength) + '...';
+  }
+
+  return string;
+}
+/**
+ * Convert a string to PascalCase.
+ * Split the string into words, capitalize the first letter of each word, and join them 
+ * 
+ * @param {string} string - The input string to convert.
+ * @returns {string} The PascalCase version of the input string.
+ */
+
+export function toPascalCase(string) {
+  if (typeof string === 'string' && !isStringEmpty(string)) {
+    const pascalCaseStr = string.split(/[\s_-]+/).map(word => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join('');
+    return pascalCaseStr;
+  }
+}
+/**
+ * Convert a string to kebab-case.
+ * Replace spaces and underscores with hyphens, and convert to lowercase 
+ *
+ * @param {string} string - The input string to convert.
+ * @returns {string} The kebab-case version of the input string.
+ */
+
+export function toKebabCase(string) {
+  if (typeof string === 'string' && !isStringEmpty(string)) {
+    const kebabCaseStr = string.replace(/[\s_]+/g, '-').toLowerCase();
+    return kebabCaseStr;
+  }
+}
+/**
+ * Convert a string to snake_case.
+ * Replace spaces and hyphens with underscores, and convert to lowercase
+ *
+ * @param {string} string - The input string to convert.
+ * @returns {string} The snake_case version of the input string.
+ */
+
+export function toSnakeCase(string) {
+  if (typeof string === 'string' && !isStringEmpty(string)) {
+    const snakeCaseStr = string.replace(/[\s-]+/g, '_').toLowerCase();
+    return snakeCaseStr;
+  }
+}
+/**
+ * Join an array of strings into a single string using a specified delimiter.
+ *
+ * @param {string[]} array - The array of strings to join.
+ * @param {string} delimiter - The delimiter used to separate the strings in the output.
+ * @returns {string} The concatenated string with the specified delimiter.
+ */
+
+export function joinArray(array) {
+  let delimiter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ', ';
+
+  if (Array.isArray(array)) {
+    return array.join(delimiter);
+  }
+}
+/**
+ * Remove whitespace characters from a given string.
+ *
+ * @param {string} inputString - The input string from which to remove whitespace.
+ * @returns {string} The input string with whitespace characters removed.
+ */
+
+export function removeWhitespace(inputString) {
+  if (!isStringEmpty(inputString) && typeof inputString == 'string') {
+    return inputString.replace(/\s+/g, '');
+  }
+
+  return inputString;
+}
+/**
+ * Check if a given string is a palindrome.
+ *
+ * @param {string} string - The input string to check for palindromic property.
+ * @returns {boolean} True if the input string is a palindrome, false otherwise.
+ */
+
+export function isPalindrome(string) {
+  if (!isStringEmpty(string) && typeof string == 'string') {
+    const cleanString = string.toLowerCase().replace(/[^a-zA-Z0-9]/g, '');
+    const reversedString = cleanString.split('').reverse().join('');
+    return cleanString === reversedString;
+  }
+
+  return string;
+}
+/**
+ * Check if a string starts with a vowel (a, e, i, o, or u).
+ *
+ * @param {string} string - The input string to check.
+ * @returns {boolean} True if the string starts with a vowel, false otherwise.
+ */
+
+export function isStartsWithVowel(string) {
+  return /^[aeiouAEIOU]/.test(string);
+}
+;
+/**
+ * Count the number of occurrences of a substring in a string.
+ *
+ * @param {string} string - The input string to search in.
+ * @param {string} substring - The substring to count occurrences of.
+ * @returns {number} The number of occurrences of the substring in the input string.
+ */
+
+export function countOccurrences(string, substring) {
+  if (typeof string == 'string') {
+    const regex = new RegExp(substring, 'g');
+    const matches = string.match(regex);
+    return matches ? matches.length : 0;
+  }
+
+  return string;
+}
+/**
+ * Replace all occurrences of a substring with another substring in a string.
+ *
+ * @param {string} string - The input string in which to perform replacements.
+ * @param {string} target - The substring to find and replace.
+ * @param {string} replacement - The substring to replace occurrences of the target with.
+ * @returns {string} The input string with all occurrences of the target replaced.
+ */
+
+export function replaceAllOccurrences(string, target, replacement) {
+  if (!isStringEmpty(string) && typeof string == 'string') {
+    return string.split(target).join(replacement);
+  }
+
+  return string;
+}
+/**
+ * Encode a string to Base64.
+ *
+ * @param {string} inputString - The input string to encode.
+ * @returns {string} The Base64-encoded string.
+ */
+
+export function encodeToBase64(string) {
+  return btoa(string);
+}

package/es/abbreviateNumber.js

@@ -10,18 +10,20 @@
 export default function abbreviateNumber() {
   let count = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
   let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
   if (typeof count === 'string') {
     count = parseInt(count);
   }
+
   if (global.Intl && global.Intl.NumberFormat) {
     let numberFormat = Intl.NumberFormat(options.locale || 'en', {
-      notation: 'compact'
-      // compactDisplay: "short",
-    });
+      notation: 'compact' // compactDisplay: "short",
 
+    });
     return numberFormat.format(count);
-  }
-  //Comaptibility
+  } //Comaptibility
+
+
   const COUNT_ABBRS = ['', 'K', 'M', 'G', 'T', 'P', 'E', 'Z', 'Y'];
   let {
     withAbbr = true,
@@ -29,12 +31,13 @@ export default function abbreviateNumber() {
   } = options;
   const i = 0 === count ? count : Math.floor(Math.log(count) / Math.log(1000));
   let result = parseFloat((count / Math.pow(1000, i)).toFixed(decimals));
+
   if (withAbbr) {
     result += `${COUNT_ABBRS[i]}`;
   }
+
   return result;
 }
-
 /* need discussion 
 1001 => 1K+
 

package/es/applyOpenToCustomize.js

@@ -8,19 +8,22 @@
  */
 export default function applyOpenToCustomize(style, options) {
   let resultStyle = style;
+
   if (options && options.prefix) {
-    resultStyle = {
-      ...style
+    resultStyle = { ...style
     };
     let defaultPrefix = options.prefix || "";
+
     if (defaultPrefix) {
       defaultPrefix = `${defaultPrefix}-`;
     }
+
     Object.keys(style).forEach(styleName => {
       if (resultStyle[styleName] && !resultStyle[styleName].includes(styleName)) {
         resultStyle[styleName] = `${resultStyle[styleName]} ${defaultPrefix}${styleName}`;
       }
     });
   }
+
   return resultStyle;
 }

package/es/combineCustomStyle.js

@@ -1,5 +1,4 @@
 const REPLACER_SYMBOL = "$";
-
 /**
  * 
  * if two is same ==> do the think if replace do, if append do.
@@ -9,12 +8,13 @@ const REPLACER_SYMBOL = "$";
  * @param {*} style2 
  * @returns 
  */
+
 export default function combineCustomStyle(style1, style2) {
-  let resultStyle = {
-    ...style1
+  let resultStyle = { ...style1
   };
   Object.keys(style2).forEach(styleName => {
     let oldStyleName = style1[`$${styleName}`] ? `$${styleName}` : styleName;
+
     if (oldStyleName.startsWith(REPLACER_SYMBOL) && styleName.startsWith(REPLACER_SYMBOL)) {
       resultStyle[styleName] = style2[styleName];
     } else if (!oldStyleName.startsWith(REPLACER_SYMBOL) && !styleName.startsWith(REPLACER_SYMBOL)) {
@@ -23,7 +23,6 @@ export default function combineCustomStyle(style1, style2) {
       delete resultStyle[oldStyleName];
       resultStyle[styleName] = style2[styleName];
     }
-
     /*else if (oldStyleName.startsWith(REPLACER_SYMBOL) && !styleName.startsWith(REPLACER_SYMBOL)  ) {
      
       delete resultStyle[oldStyleName];
@@ -34,7 +33,7 @@ export default function combineCustomStyle(style1, style2) {
       delete resultStyle[oldStyleName];
       resultStyle[styleName] = style2[styleName];
      }*/
-  });
 
+  });
   return resultStyle;
 }

package/es/compileClassNames.js

@@ -1,8 +1,10 @@
 import dataTypes, { isDataTypeOf } from "./dataTypes";
 import { hasOwnProperty } from "./objectUtils";
+
 const collectClassNames = function (processedClassNameList) {
   for (let index = 0; index < (arguments.length <= 1 ? 0 : arguments.length - 1); index++) {
     let classInfo = index + 1 < 1 || arguments.length <= index + 1 ? undefined : arguments[index + 1];
+
     if (!classInfo) {
       continue;
     } else if (isDataTypeOf(classInfo, dataTypes.object)) {
@@ -14,11 +16,14 @@ const collectClassNames = function (processedClassNameList) {
     }
   }
 };
+
 export default function compileClassNames() {
   let resultClassNameList = [];
+
   for (var _len = arguments.length, classinfoList = new Array(_len), _key = 0; _key < _len; _key++) {
     classinfoList[_key] = arguments[_key];
   }
+
   collectClassNames(resultClassNameList, ...classinfoList);
   return resultClassNameList.filter(a => a !== '').join(' ');
 }

package/es/contextFactory.js

@@ -5,9 +5,11 @@ const context = {};
  * @param {string} name 
  * @returns {object}
  */
+
 export default function contextFactory(name) {
   if (!context[name]) {
     context[name] = /*#__PURE__*/createContext();
   }
+
   return context[name];
 }

package/es/createTemplateLiteral.js

@@ -2,17 +2,21 @@ export default function createTemplateLiteral(templateStrings) {
   for (var _len = arguments.length, expressionKeys = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
     expressionKeys[_key - 1] = arguments[_key];
   }
+
   return function () {
     for (var _len2 = arguments.length, expressionValues = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       expressionValues[_key2] = arguments[_key2];
     }
+
     let resultString = [templateStrings[0]];
     expressionKeys.forEach(function (expressionKey, i) {
       let expressionValue = expressionValues[i];
       let nextTemplateString = templateStrings[i + 1];
+
       if (expressionValue === null || expressionValue === undefined || expressionValue === "") {
         nextTemplateString = nextTemplateString.replace(/^_/, '');
       }
+
       resultString.push(expressionValue, nextTemplateString);
     });
     let resultStr = resultString.join('');
@@ -20,7 +24,6 @@ export default function createTemplateLiteral(templateStrings) {
     return resultStr;
   };
 }
-
 /* refer the doc https://developers.google.com/web/updates/2015/01/ES6-Template-Strings
 
 UnderSatnd the terms - String interpolation, Embedded expressions

package/es/dataTypes.js

@@ -12,6 +12,7 @@ const dataTypes = {
 export const getDataType = data => {
   let typeofData = typeof data;
   let isArrayDataType = Array.isArray(data);
+
   if (isArrayDataType) {
     return dataTypes.array;
   } else {

package/es/debounce.js

@@ -4,6 +4,7 @@ export default function debounce(fn, delay) {
     if (handle) {
       handle = clearTimeout(handle);
     }
+
     handle = setTimeout(() => {
       fn(...arguments);
     }, delay);

package/es/disCustomStyleProps.js

@@ -2,64 +2,43 @@
 // import mergeStyle from "./mergeStyle";
 // import { Button } from "../../base/src/Button/index";
 // export default (props)=>{
-
 //     let { customStyle,  openCustomStyle}  = props;
-
 //     return {
 //         customStyle,
 //         openDefaultToCustomize
 //     };
-
 // }
-
 // if two is same ==> do the think replace with last , append at end 
-
 // replace vs append ==> append 
 // append vs replace ==> replace 
-
 // DotButton.js
 // DotButton.module.css 
 // function DotButton({ customStyle }){
-
 //     dotButdefault => customStyle : {
 //         base : DotButton.style.pols 
 //     }
-
 //     props => customStyle {
 //         base :  
 //     }
-
 //     return <Button customStyle={}></Button>
 // }
-
 // Button => set of compoents 
 // DotButton => set of comepons
-
 // function creatButtonWithIcon({Button,Icon}){
-
 //     return (props)=>{
-
 //         customStyle={}
 //         return <Button customStyle={ssss}>
-
 //                 <Icon></Icon>   
 //         </Button>
-
 //     }
-
 // }
-
 // Button1.js
 // Icon1.js
 // creatButtonWithIcon({
-
 //     Button : Button1,
 //     Icon : Icon1
-
 // });
-
 // Button1custome(props){
-
 //     props.customStyle 
 //     combineCustomStyle()
 //     return Button 

package/es/getCompliedClassName.js

@@ -1,9 +1,11 @@
 import compileClassNames from "./compileClassNames";
 export default (function (customClassName) {
   let isPlainClassName = typeof customClassName === "string" ? true : false;
+
   for (var _len = arguments.length, props = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
     props[_key - 1] = arguments[_key];
   }
+
   return compileClassNames(...props, {
     [customClassName]: !!isPlainClassName
   });

package/es/getCompliedCustomId.js

@@ -6,10 +6,10 @@ export default (function (_ref, defaultCustomId) {
   } = _ref;
   let otherCustomOption = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
   let returnId = customId;
+
   if (typeof defaultCustomId === "function") {
     let options = ['', customIdPrefix, customIdSuffix, ...otherCustomOption];
-    returnId = defaultCustomId.apply(null, options);
-    //returnId = defaultCustomId`${customIdPrefix} ${customIdSuffix}`;
+    returnId = defaultCustomId.apply(null, options); //returnId = defaultCustomId`${customIdPrefix} ${customIdSuffix}`;
   }
 
   return returnId ? returnId.toLowerCase() : null;

package/es/index.js

@@ -1,10 +1,11 @@
-export { default as debounce } from './debounce';
-export { default as uniqueNumber } from './uniqueNumber';
-export { default as omit } from './omit';
-export { default as mergeStyle } from './mergeStyle';
-export { default as applyOpenToCustomize } from './applyOpenToCustomize';
-export { default as combineCustomStyle } from './combineCustomStyle';
-export { default as compileClassNames } from './compileClassNames';
-export { default as ErrorBoundary } from './ErrorBoundary';
-export { default as loadResource } from './loadResource';
-export { default as accessKeyCodes, accessKeyNames } from "./accessKeyCodes";
+export { default as debounce } from "./debounce";
+export { default as uniqueNumber } from "./uniqueNumber";
+export { default as omit } from "./omit";
+export { default as mergeStyle } from "./mergeStyle";
+export { default as applyOpenToCustomize } from "./applyOpenToCustomize";
+export { default as combineCustomStyle } from "./combineCustomStyle";
+export { default as compileClassNames } from "./compileClassNames";
+export { default as ErrorBoundary } from "./ErrorBoundary";
+export { default as loadResource } from "./loadResource";
+export { default as accessKeyCodes, accessKeyNames } from "./accessKeyCodes";
+export { default as renderNode, isRenderable } from "./renderNode";

package/es/isTouchDevice.js

@@ -4,5 +4,6 @@ export default function isTouchDevice() {
       running on touch-capable device */
     return true;
   }
+
   return false;
 }

package/es/loadResource.js

@@ -1,44 +1,55 @@
 /* eslint-disable import/prefer-default-export */
+
 /* use promise and remove callback */
 export default function loadResource(url, type, id, callback) {
   let needDefer = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;
   return new Promise(resolve => {
     let css;
     let script;
+
     if (id && document.getElementById(id)) {
       resolve();
       return;
     }
+
     if (type === 'css') {
       css = document.createElement('link');
       css.type = 'text/css';
       css.rel = 'stylesheet';
       css.href = url;
       css.id = id || '';
+
       css.onload = function () {
         resolve();
       };
+
       css.onerror = function () {
         resolve();
       };
+
       document.getElementsByTagName('head')[0].appendChild(css);
     } else if (type === 'js') {
       script = document.createElement('script');
       script.type = 'text/javascript';
       script.src = url;
       script.defer = needDefer;
+
       script.onload = function () {
         resolve();
+
         if (id) {
           script.id = id;
         }
+
         if (typeof callback === 'function') {
           callback();
         }
       };
+
       script.onerror = function () {
         resolve();
       };
+
       document.getElementsByTagName('head')[0].appendChild(script);
     }
   });

package/es/mergeStyle.js

@@ -1,6 +1,4 @@
-const REPLACER_SYMBOL = '$';
-
-// $ startWith is used for replace the existing style.
+const REPLACER_SYMBOL = '$'; // $ startWith is used for replace the existing style.
 // all other will be append
 
 export default function mergeStyle(defaultStyle) {
@@ -9,11 +7,11 @@ export default function mergeStyle(defaultStyle) {
   // if(!Object.keys(defaultStyle).includes('base')) {
   //   throw new Error(`STYLE CUSTOMIZATION RULE - Your style sheet should have "base" class name for customization`);
   // }
-
   return Object.keys(customStyle).reduce((res, next) => {
     if (next.startsWith(REPLACER_SYMBOL)) {
       let styleValue = customStyle[next];
       let styleName = next.replace(REPLACER_SYMBOL, '');
+
       if (!res[styleName] && !additionalStyle.includes(styleName)) {
         throw new Error(`UNKNOWN CLASSNAME DETECTED - Given customStyle's key "${styleName}" is not available in that component style`);
       } else if (additionalStyle.includes(styleName)) {
@@ -23,6 +21,7 @@ export default function mergeStyle(defaultStyle) {
         Object.keys(res).map(keyName => {
           let styleKey = res[keyName];
           let ind = styleKey.indexOf(val);
+
           if (ind !== -1) {
             res[keyName] = styleKey.replace(val, styleValue);
           }
@@ -35,6 +34,7 @@ export default function mergeStyle(defaultStyle) {
         let styleClasses = styleKey.split(' ');
         val = val.split(' ')[0];
         let ind = styleClasses.indexOf(val);
+
         if (ind !== -1) {
           styleClasses[ind] = styleClasses[ind] + ' ' + customStyle[next];
           res[keyName] = styleClasses.join(' ');
@@ -46,8 +46,8 @@ export default function mergeStyle(defaultStyle) {
       // res[next] = customStyle[next];
       throw new Error(`UNKNOWN CLASSNAME DETECTED - Given customStyle's key "${next}" is not available in that component style`);
     }
+
     return res;
-  }, {
-    ...defaultStyle
+  }, { ...defaultStyle
   });
 }

package/es/omit.js

@@ -4,6 +4,7 @@ export default (keys => {
       if (!keys.includes(next)) {
         res[next] = obj[next];
       }
+
       return res;
     }, {});
   };

package/es/props/customStyleProps.js

@@ -2,8 +2,8 @@ import PropTypes from 'prop-types';
 export default {
   customStyle: PropTypes.object
 };
-
 /**
  * Prop Name
  */
+
 export const customStyle = "customStyle";

package/es/props/tagAttributeProps.js

@@ -1,8 +1,8 @@
 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";
@@ -10,6 +10,7 @@ export const tagAttributesPropType = function (props, propName, componentName) {
   if (Object.prototype.toString.call(props) !== "[object Object]") {
     console.error(`Warning: Failed prop type: Invalid prop \`${propName}\` of type \`${props ? typeof props : undefined}\` supplied to \`${componentName}\`, expected \`object\`.`);
   }
+
   let curPattern = new RegExp(`^(${attributesList.join("|")})$`);
   let curPattern2 = new RegExp(dataAttribute);
   Object.keys(props[propName]).forEach(keyName => {
@@ -25,6 +26,7 @@ export const tagAttributesShape = shapeOf => (props, propName, componentName) =>
       console.error(`Warning: these key ( ${keyName} ) aren't allowed in ${propName}, component: ${componentName}`);
       return;
     }
+
     shapeOf[keyName](propObject, keyName, `${componentName} prop: ${propName}.${keyName} `);
   });
 };

package/es/props/tagGeneralAttributeProps.js

@@ -1,8 +1,8 @@
 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";
@@ -10,6 +10,7 @@ export const tagGeneralAttributesPropType = function (props, propName, component
   if (Object.prototype.toString.call(props) !== "[object Object]") {
     console.error(`Warning: Failed prop type: Invalid prop \`${propName}\` of type \`${props ? typeof props : undefined}\` supplied to \`${componentName}\`, expected \`object\`.`);
   }
+
   let curPattern = new RegExp(`^(${attributesList.join("|")})$`);
   let curPattern2 = new RegExp(dataAttribute);
   Object.keys(props[propName]).forEach(keyName => {
@@ -25,6 +26,7 @@ export const tagGeneralAttributesShape = shapeOf => (props, propName, componentN
       console.error(`Warning: these key ( ${keyName} ) aren't allowed in ${propName}, component: ${componentName}`);
       return;
     }
+
     shapeOf[keyName](propObject, keyName, `${componentName} prop: ${propName}.${keyName} `);
   });
 };

package/es/props/uiProps.js

@@ -1,12 +1,15 @@
 /* eslint-disable no-labels */
+
 /* eslint-disable no-restricted-syntax */
 import PropTypes from 'prop-types';
-import { variants, colors, sizes, shapes, decorations, positions } from '../constantProps';
+import { variants, colors, sizes, shapes, decorations, positions } from "../constantProps";
 export const getVariantProps = (variants, exvariant) => {
   let variant = [];
+
   if (exvariant) {
     variant = [...exvariant];
   }
+
   variant = [...variant, ...variants];
   return {
     variant: PropTypes.oneOf(variant)
@@ -17,9 +20,11 @@ export const variantProps = {
 };
 export const getColorProps = (colors, excolors) => {
   let color = [];
+
   if (excolors) {
     color = [...excolors];
   }
+
   color = [...color, ...colors];
   return {
     color: PropTypes.oneOf(color)
@@ -30,9 +35,11 @@ export const colorProps = {
 };
 export const getSizeProps = (sizes, exSizes) => {
   let size = [];
+
   if (exSizes) {
     size = [...exSizes];
   }
+
   size = [...size, ...sizes];
   return {
     size: PropTypes.oneOf(size)
@@ -43,9 +50,11 @@ export const sizeProps = {
 };
 export const getShapeProps = (shapes, exShapes) => {
   let shape = [];
+
   if (exShapes) {
     shape = [...exShapes];
   }
+
   shape = [...shape, ...shapes];
   return {
     shape: PropTypes.oneOf(shape)
@@ -56,9 +65,11 @@ export const shapeProps = {
 };
 export const getDecorationProps = (decorations, exDecorations) => {
   let decoration = [];
+
   if (exDecorations) {
     decoration = [...exDecorations];
   }
+
   decoration = [...decoration, ...decorations];
   return {
     textDecoration: PropTypes.oneOf(decoration)
@@ -69,9 +80,11 @@ export const decorationProps = {
 };
 export const getPositionProps = (positions, expositions) => {
   let position = [];
+
   if (expositions) {
     position = [...expositions];
   }
+
   position = [...position, ...positions];
   return {
     position: PropTypes.oneOf(position)

package/es/reducerHandler.js

@@ -2,11 +2,14 @@ import { useReducer } from 'react';
 export default function useCommonReducer(defaultReducer, customReducer, initialArg, init) {
   const proxyReducer = (state, action) => {
     let lastState = defaultReducer(state, action);
+
     if (customReducer) {
       return customReducer(lastState, action);
     }
+
     return lastState;
   };
+
   const [state, dispatch] = useReducer(proxyReducer, initialArg, init);
   return {
     state,

package/es/renderNode.js

@@ -0,0 +1,28 @@
+import React, { isValidElement } from 'react';
+/**
+ * Utility function to render content that can be either a function or a React element
+ * @param {Function|React.ReactElement|null|undefined} content - The content to render
+ * @param {Object} props - Optional props to pass to the function if content is a function
+ * @returns {React.ReactElement|null} - The rendered content or null
+ */
+
+export default function renderNode(content, props) {
+  let result = content;
+
+  if (typeof content === 'function') {
+    result = content(props);
+  }
+
+  return /*#__PURE__*/isValidElement(result) ? result : null;
+}
+;
+/**
+ * Checks if the content is renderable (function or valid React element)
+ * @param {any} content - The content to check
+ * @returns {boolean} - True if content is renderable
+ */
+
+export function isRenderable(content) {
+  return typeof content === 'function' || /*#__PURE__*/isValidElement(content);
+}
+;

package/es/uniqueNumber.js

@@ -1,14 +1,14 @@
 export default function uniqueNumber() {
   let prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   //let randomId = (Date.now() + Math.random()).toString(36);
-  var date = Date.now();
+  var date = Date.now(); // If created at same millisecond as previous
 
-  // If created at same millisecond as previous
   if (date <= uniqueNumber.previous) {
     date = ++uniqueNumber.previous;
   } else {
     uniqueNumber.previous = date;
   }
+
   return prefix ? `${prefix}-${date}` : date;
 }
 uniqueNumber.previous = 0;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@zohodesk/utils",
-  "version": "1.3.13",
-  "description": "Unified Component Library - Utils",
+  "version": "1.3.15",
+  "description": "DOT  Utils Collection",
   "main": "es/index.js",
   "module": "es/index.js",
   "private": false,
@@ -18,8 +18,9 @@
     "LIBRARY"
   ],
   "scripts": {
+    "download": "react-cli clean ./node_modules ./package-lock.json && npm install",
     "build": "type react-cli && react-cli build:component:es",
-    "build_watch": "react-cli build:component:es -w",
+    "build:watch": "react-cli build:component:es -w",
     "clean": "react-cli clean unittest coverage es result.json",
     "rtl": "react-cli rtl ./src ./es",
     "nodefix": "node ../buildtool_patch.js",
@@ -31,4 +32,4 @@
     "es",
     "!**/__tests__"
   ]
-}
+}