@zohodesk/utils 1.0.1-alpha.2057

package/src/props/tagGeneralAttributeProps.js

@@ -0,0 +1,48 @@
+import PropTypes from 'prop-types';
+
+const attributesList = [
+    "accesskey",
+    "contentEditable",
+    "dir",
+    "draggable",
+    "hidden",
+    "lang",
+    "tabIndex",
+    "title",
+    "spellcheck",
+    "translate"
+];
+
+const dataAttribute = "^data|on";
+
+export const tagGeneralAttributesPropType = 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)=>{
+
+        if( !(curPattern.test( keyName ) ||  curPattern2.test(keyName)) ){
+
+            console.warn(`Warning: these attributes name ${keyName} are not allowed in tagGeneralAttributes`);
+
+         }
+    
+    });
+
+}
+
+export default {
+    tagGeneralAttributes: tagGeneralAttributesPropType 
+}
+
+/**
+ * tagGeneralAttributes - is to spread the global attributes in component.
+ */
+export const tagGeneralAttributes = "tagGeneralAttributes";

package/src/props/uiProps.js

@@ -0,0 +1,72 @@
+/* eslint-disable no-labels */
+/* eslint-disable no-restricted-syntax */
+import PropTypes from 'prop-types';
+
+import { variants , colors, sizes, shapes } from "../constantProps";
+
+export const getVariantProps = (variants,exvariant)=>{
+    let variant=[];
+    if(exvariant){
+        variant=[...exvariant]
+    }
+    variant=[...variant,...variants]
+    return(
+        {variant:PropTypes.oneOf(variant)}
+    )
+}
+
+export const variantProps = {
+    
+    variant : PropTypes.oneOf(variants)
+};
+
+
+export const getColorProps = (colors,excolors)=>{
+    let color=[];
+    if(excolors){
+        color=[...excolors]
+    }
+    color=[...color,...colors]
+    return(
+        {color:PropTypes.oneOf(color)}
+    )
+    
+};
+
+
+export const colorProps = {
+    color : PropTypes.oneOf(colors)
+};
+
+
+export const getSizeProps = (sizes,exSizes)=>{
+    let size=[];
+    if(exSizes){
+        size=[...exSizes]
+    }
+    size=[...size,...sizes]
+    return(
+        {size:PropTypes.oneOf(size)}
+    )
+};
+
+export const sizeProps = {
+    
+    size : PropTypes.oneOf(sizes)
+};
+
+export const getShapeProps = (shapes,exshapes)=>{
+    let shape=[];
+    if(exshapes){
+        shape=[...exshapes]
+    }
+    shape=[...shape,...shapes]
+    return(
+        {shape:PropTypes.oneOf(shape)}
+    )
+};
+
+export const shapeProps = {
+    
+    shape : PropTypes.oneOf(shapes)
+};

package/src/reducerHandler.js

@@ -0,0 +1,23 @@
+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,
+    dispatch
+  };
+}

package/src/replaceAtFirst.js

@@ -0,0 +1,3 @@
+export default (object,search,replace)=>{
+    return object.replace(search,replace);
+}

package/src/replaceAtLast.js

@@ -0,0 +1,3 @@
+export default function (object, search, replace) {
+    return object.replace(new RegExp(search+"([^"+search+"]*)$"), replace+"$1");
+}

package/src/uniqueNumber.js

@@ -0,0 +1,16 @@
+export default function uniqueNumber(prefix=''){
+    //let randomId = (Date.now() + Math.random()).toString(36);
+    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;
+