@zohodesk/utils 1.0.4 → 1.0.5

package/es/ErrorBoundary.js

@@ -6,24 +6,19 @@ 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/abbreviateNumber.js

@@ -10,20 +10,18 @@
 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
-
 
+    return numberFormat.format(count);
+  }
+  //Comaptibility
   const COUNT_ABBRS = ["", "K", "M", "G", "T", "P", "E", "Z", "Y"];
   let {
     withAbbr = true,
@@ -31,13 +29,12 @@ 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

@@ -1,5 +1,3 @@
-import "core-js/modules/es.array.includes";
-
 /**
  * Opening the customization, need to addd for behaviour changes. also add only enabled.
  * @param {*} style 
@@ -10,22 +8,19 @@ import "core-js/modules/es.array.includes";
  */
 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,4 +1,5 @@
 const REPLACER_SYMBOL = "$";
+
 /**
  * 
  * if two is same ==> do the think if replace do, if append do.
@@ -8,13 +9,12 @@ 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,6 +23,7 @@ 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];
@@ -33,7 +34,7 @@ export default function combineCustomStyle(style1, style2) {
       delete resultStyle[oldStyleName];
       resultStyle[styleName] = style2[styleName];
      }*/
-
   });
+
   return resultStyle;
 }

package/es/compileClassNames.js

@@ -1,19 +1,17 @@
 import dataTypes, { isDataTypeOf } from "./dataTypes";
 import { hasOwnProperty, isToStringReferenceEqual } from "./objectUtils";
+
 /**
  *  
  * @param  {object} classinfoList 
  * @returns {string}
  */
-
 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;
     }
-
     if (isDataTypeOf(classInfo, dataTypes.string) || isDataTypeOf(classInfo, dataTypes.number)) {
       processedClassNameList.push(classInfo);
     } else if (isDataTypeOf(classInfo, dataTypes.array)) {
@@ -27,21 +25,20 @@ 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.join(' ');
 }
 ;
+
 /* discussion
 passing object is enough i think. remaining option needed!!!
 */
+
 //18-Nov-2021 code review changes updated.
 
 /*

package/es/constantProps/uiProps.js

@@ -38,4 +38,13 @@ export const decorationList = {
   underLine: 'decoration_underline',
   none: 'decoration_none'
 };
-export const decorations = Object.values(decorationList);
+export const decorations = Object.values(decorationList);
+export const positionList = {
+  left: 'position_left',
+  right: 'position_right',
+  top: 'position_top',
+  bottom: 'position_bottom',
+  center: 'position_center'
+};
+export const positionKeys = Object.keys(positionList);
+export const positions = Object.values(positionList);

package/es/contextFactory.js

@@ -5,11 +5,9 @@ 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,21 +2,17 @@ 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('');
@@ -24,6 +20,7 @@ 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,7 +12,6 @@ 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,7 +4,6 @@ export default function debounce(fn, delay) {
     if (handle) {
       handle = clearTimeout(handle);
     }
-
     handle = setTimeout(() => {
       fn(...arguments);
     }, delay);

package/es/disCustomStyleProps.js

@@ -2,43 +2,64 @@
 // 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,11 +1,9 @@
 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/isTouchDevice.js

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

package/es/loadResource.js

@@ -1,55 +1,44 @@
 /* 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,5 +1,3 @@
-import "core-js/modules/es.array.includes";
-
 /**
  * REPLACER_SYMBOL used to indentify
  */
@@ -11,24 +9,21 @@ const REPLACER_SYMBOL = '$';
  * @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, '');
-
       if (!defaultStyle[styleName] && !additionalStyle.includes(styleName)) {
         return res;
       }
-
       res[styleName] = styleValue;
     } else if (defaultStyle[next] || additionalStyle.includes(next)) {
       res[next] = (defaultStyle[next] || '') + ' ' + customStyle[next];
     }
-
     return res;
-  }, { ...defaultStyle
+  }, {
+    ...defaultStyle
   });
 }

package/es/omit.js

@@ -1,11 +1,9 @@
-import "core-js/modules/es.array.includes";
 export default (keys => {
   return function omit(obj) {
     return Object.keys(obj).reduce((res, next) => {
       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,7 +10,6 @@ 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 => {
@@ -26,7 +25,6 @@ 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,7 +10,6 @@ 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 => {
@@ -26,7 +25,6 @@ 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,15 +1,12 @@
 /* eslint-disable no-labels */
-
 /* eslint-disable no-restricted-syntax */
 import PropTypes from 'prop-types';
-import { variants, colors, sizes, shapes, decorations } 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)
@@ -20,11 +17,9 @@ export const variantProps = {
 };
 export const getColorProps = (colors, excolors) => {
   let color = [];
-
   if (excolors) {
     color = [...excolors];
   }
-
   color = [...color, ...colors];
   return {
     color: PropTypes.oneOf(color)
@@ -35,11 +30,9 @@ export const colorProps = {
 };
 export const getSizeProps = (sizes, exSizes) => {
   let size = [];
-
   if (exSizes) {
     size = [...exSizes];
   }
-
   size = [...size, ...sizes];
   return {
     size: PropTypes.oneOf(size)
@@ -50,11 +43,9 @@ export const sizeProps = {
 };
 export const getShapeProps = (shapes, exShapes) => {
   let shape = [];
-
   if (exShapes) {
     shape = [...exShapes];
   }
-
   shape = [...shape, ...shapes];
   return {
     shape: PropTypes.oneOf(shape)
@@ -65,11 +56,9 @@ export const shapeProps = {
 };
 export const getDecorationProps = (decorations, exDecorations) => {
   let decoration = [];
-
   if (exDecorations) {
     decoration = [...exDecorations];
   }
-
   decoration = [...decoration, ...decorations];
   return {
     textDecoration: PropTypes.oneOf(decoration)
@@ -77,4 +66,17 @@ export const getDecorationProps = (decorations, exDecorations) => {
 };
 export const decorationProps = {
   decoration: PropTypes.oneOf(decorations)
+};
+export const getPositionProps = (positions, expositions) => {
+  let position = [];
+  if (expositions) {
+    position = [...expositions];
+  }
+  position = [...position, ...positions];
+  return {
+    position: PropTypes.oneOf(position)
+  };
+};
+export const positionProps = {
+  position: PropTypes.oneOf(positions)
 };

package/es/reducerHandler.js

@@ -2,14 +2,11 @@ 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/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(); // If created at same millisecond as previous
+  var date = Date.now();
 
+  // 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,6 +1,6 @@
 {
   "name": "@zohodesk/utils",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "",
   "private": false,
   "publishConfig": {
@@ -22,5 +22,5 @@
   ],
   "author": "",
   "license": "ISC",
-  "gitHead": "e57c562c44c9b82f9e2fa2df1e3c97d106efb72d"
+  "gitHead": "cc656e6d4c2249ad79916757b2a96828b678245b"
 }