@zohodesk/utils 1.3.14 → 1.3.16

package/README.md

@@ -1,7 +1,17 @@
-# #UNIFIED COMPONENTS LIBRARY - Utils
+# DOT - Util Collections
 
 In this package, We provide lots of util fuctions for web devlopment
 
+# 1.3.16
+
+- `getCurrentTime`, `objectCRUD`, `arrayCRUD`, `deepEqual`, `ArrayManager`, `ObjectManager`, `eventListenerUtils` util added.
+
+# 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**

package/es/constantProps/constant.js

@@ -0,0 +1,2 @@
+export const DUMMY_OBJECT = Object.freeze({});
+export const DUMMY_ARRAY = Object.freeze([]);

package/es/crud/ArrayManager.js

@@ -0,0 +1,63 @@
+import { appendToArray, deleteFromArrayOfObjectById, deleteFromArrayByItem, updateArrayOfObjectItemById, updateArrayItemByItem, emptyArray } from "./arrayCRUD";
+import { DUMMY_ARRAY } from "../constantProps/constant";
+
+class ArrayManager {
+  constructor() {
+    let initialArray = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DUMMY_ARRAY;
+    this.array = initialArray;
+  }
+
+  addValue(item) {
+    this.array = appendToArray({
+      array: this.array,
+      item
+    });
+    return this.array;
+  }
+
+  removeValueById(id) {
+    this.array = deleteFromArrayOfObjectById({
+      arrayOfObject: this.array,
+      id
+    });
+    return this.array;
+  }
+
+  removeValueByItem(item) {
+    this.array = deleteFromArrayByItem({
+      array: this.array,
+      item
+    });
+    return this.array;
+  }
+
+  clearValue() {
+    this.array = emptyArray();
+    return this.array;
+  }
+
+  updateValueById(id, newItem) {
+    this.array = updateArrayOfObjectItemById({
+      arrayOfObject: this.array,
+      id,
+      newItem
+    });
+    return this.array;
+  }
+
+  updateValueByItem(currentItem, newItem) {
+    this.array = updateArrayItemByItem({
+      array: this.array,
+      currentItem,
+      newItem
+    });
+    return this.array;
+  }
+
+  getValue() {
+    return this.array;
+  }
+
+}
+
+export default ArrayManager;

package/es/crud/ObjectManager.js

@@ -0,0 +1,54 @@
+import { emptyObject, mergeObjects, updateObjectValueByKey, removeObjectByKey, removeObjectByKeys } from "./objectCRUD";
+import { DUMMY_OBJECT } from "../constantProps/constant";
+
+class ObjectManager {
+  constructor() {
+    let initialObject = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DUMMY_OBJECT;
+    this.object = initialObject;
+  }
+
+  setValue(newObject) {
+    this.object = mergeObjects({
+      object: this.object,
+      newObject
+    });
+    return this.object;
+  }
+
+  clearValue() {
+    this.object = emptyObject();
+    return this.object;
+  }
+
+  updateValueByKey(key, value) {
+    this.object = updateObjectValueByKey({
+      object: this.object,
+      key,
+      value
+    });
+    return this.object;
+  }
+
+  removeValueByKeys(keys) {
+    this.object = removeObjectByKeys({
+      object: this.object,
+      keys
+    });
+    return this.object;
+  }
+
+  removeValueByKey(key) {
+    this.object = removeObjectByKey({
+      object: this.object,
+      key
+    });
+    return this.object;
+  }
+
+  getValue() {
+    return this.object;
+  }
+
+}
+
+export default ObjectManager;

package/es/crud/arrayCRUD.js

@@ -0,0 +1,76 @@
+import { DUMMY_ARRAY } from "../constantProps/constant";
+import { deepEqual } from "../deepEqual";
+export const appendToArray = _ref => {
+  let {
+    array,
+    item
+  } = _ref;
+  return [...array, item];
+};
+export const updateArrayOfObjectItemById = _ref2 => {
+  let {
+    arrayOfObject,
+    id,
+    newItem
+  } = _ref2;
+  let found = false;
+  return arrayOfObject.map(object => {
+    if (!found && id !== undefined && object.id === id) {
+      found = true;
+      return Array.isArray(newItem) ? [...newItem] : typeof newItem === 'object' ? { ...object,
+        ...newItem
+      } : newItem;
+    }
+
+    return object;
+  });
+};
+export const updateArrayItemByItem = _ref3 => {
+  let {
+    array,
+    currentItem,
+    newItem
+  } = _ref3;
+  let found = false;
+  return array.map(arrayItem => {
+    if (!found && currentItem !== undefined && deepEqual(arrayItem, currentItem)) {
+      found = true;
+      return newItem;
+    }
+
+    return arrayItem;
+  });
+};
+export const deleteFromArrayOfObjectById = _ref4 => {
+  let {
+    arrayOfObject,
+    id
+  } = _ref4;
+  let found = false;
+  return arrayOfObject.filter(object => {
+    if (!found && id !== undefined && object.id === id) {
+      found = true;
+      return false;
+    }
+
+    return true;
+  });
+};
+export const deleteFromArrayByItem = _ref5 => {
+  let {
+    array,
+    currentItem
+  } = _ref5;
+  let found = false;
+  return array.filter(arrayItem => {
+    if (!found && currentItem !== undefined && deepEqual(arrayItem, currentItem)) {
+      found = true;
+      return false;
+    }
+
+    return true;
+  });
+};
+export const emptyArray = () => {
+  return DUMMY_ARRAY;
+};

package/es/crud/objectCRUD.js

@@ -0,0 +1,49 @@
+import { DUMMY_OBJECT } from "../constantProps/constant";
+export const mergeObjects = _ref => {
+  let {
+    object,
+    newObject
+  } = _ref;
+  return { ...object,
+    ...newObject
+  };
+};
+export const emptyObject = () => {
+  return DUMMY_OBJECT;
+};
+export const updateObjectValueByKey = _ref2 => {
+  let {
+    object,
+    key,
+    value
+  } = _ref2;
+  return { ...object,
+    [key]: value
+  };
+};
+export const removeObjectByKeys = _ref3 => {
+  let {
+    object,
+    keys
+  } = _ref3;
+  const newObject = { ...object
+  };
+
+  if (Array.isArray(keys)) {
+    keys.forEach(key => {
+      delete newObject[key];
+    });
+  }
+
+  return newObject;
+};
+export const removeObjectByKey = _ref4 => {
+  let {
+    object,
+    key
+  } = _ref4;
+  const newObject = { ...object
+  };
+  delete newObject[key];
+  return newObject;
+};

package/es/deepEqual.js

@@ -0,0 +1,26 @@
+export const deepEqual = (a, b) => {
+  if (a === b) {
+    return true;
+  }
+
+  if (typeof a === 'object' && typeof b === 'object' && a !== null && b !== null) {
+    if (Array.isArray(a) !== Array.isArray(b)) {
+      return false;
+    }
+
+    const keysA = Object.keys(a);
+    const keysB = Object.keys(b);
+
+    if (keysA.length !== keysB.length) {
+      return false;
+    }
+
+    return keysA.every(key => deepEqual(a[key], b[key]));
+  }
+
+  if (typeof a === 'function' && typeof b === 'function') {
+    return a.toString().replace(/\s+/g, '') === b.toString().replace(/\s+/g, '');
+  }
+
+  return false;
+};

package/es/eventListenerUtils.js

@@ -0,0 +1,28 @@
+export const addCustomEventListener = _ref => {
+  let {
+    eventName,
+    callback,
+    targetElement,
+    options
+  } = _ref;
+
+  if (!targetElement || typeof targetElement.addEventListener !== 'function') {
+    throw new Error('addCustomEventListener: targetElement is not a valid EventTarget. ' + 'Received: ' + String(targetElement));
+  }
+
+  targetElement.addEventListener(eventName, callback, options);
+};
+export const removeCustomEventListener = _ref2 => {
+  let {
+    eventName,
+    callback,
+    targetElement,
+    options
+  } = _ref2;
+
+  if (!targetElement || typeof targetElement.removeEventListener !== 'function') {
+    throw new Error('removeCustomEventListener: targetElement is not a valid EventTarget. ' + 'Received: ' + String(targetElement));
+  }
+
+  targetElement.removeEventListener(eventName, callback, options);
+};

package/es/getCurrentTime.js

@@ -0,0 +1,18 @@
+export default function getCurrentTime() {
+  const now = new Date();
+  const hours = now.getHours();
+  const minutes = now.getMinutes().toString().padStart(2, '0');
+  const seconds = now.getSeconds().toString().padStart(2, '0');
+  const ampm = hours >= 12 ? 'PM' : 'AM';
+  const formattedHours = hours % 12 || 12; // Convert 24-hour time to 12-hour format
+
+  const hours24 = hours.toString().padStart(2, '0');
+  return {
+    format12h: `${formattedHours}:${minutes}:${seconds} ${ampm}`,
+    format24h: `${hours24}:${minutes}:${seconds}`,
+    hours: hours,
+    minutes: parseInt(minutes),
+    seconds: parseInt(seconds),
+    meridiem: ampm
+  };
+}

package/es/index.js

@@ -7,4 +7,7 @@ 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 accessKeyCodes, accessKeyNames } from "./accessKeyCodes";
+export { default as renderNode, isRenderable } from "./renderNode";
+export { default as getCurrentTime } from "./getCurrentTime";
+export { addCustomEventListener, removeCustomEventListener } from "./eventListenerUtils";

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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@zohodesk/utils",
-  "version": "1.3.14",
-  "description": "Unified Component Library - Utils",
+  "version": "1.3.16",
+  "description": "DOT  Utils Collection",
   "main": "es/index.js",
   "module": "es/index.js",
   "private": false,
@@ -21,15 +21,17 @@
     "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:es": "react-cli build:library:es",
     "clean": "react-cli clean unittest coverage es result.json",
     "rtl": "react-cli rtl ./src ./es",
     "nodefix": "node ../buildtool_patch.js",
     "prepare": "npm run clean && npm run build && npm run rtl",
     "test": "react-cli test",
-    "jsdoc": "jsdoc -c jsdoc.json"
+    "jsdoc": "jsdoc -c jsdoc.json",
+    "expublish": "npm publish --tag experimental-version"
   },
   "files": [
     "es",
     "!**/__tests__"
   ]
-}
+}