@chakra-ui/utils

Array Utilities

Provides utility functions to manipulate arrays, such as removing an item from an array.

const { removeItem } = require('@chakra-ui/utils');
const array = [1, 2, 3, 4];
const newArray = removeItem(array, 2);
console.log(newArray); // Output: [1, 3, 4]

Object Utilities

Includes functions to manipulate objects, such as merging two objects together.

const { mergeWith } = require('@chakra-ui/utils');
const obj1 = { a: 1, b: 2 };
const obj2 = { b: 3, c: 4 };
const mergedObj = mergeWith(obj1, obj2);
console.log(mergedObj); // Output: { a: 1, b: 3, c: 4 }

DOM Utilities

Provides functions to interact with the DOM, such as getting the owner document of an element.

const { getOwnerDocument } = require('@chakra-ui/utils');
const element = document.getElementById('myElement');
const ownerDocument = getOwnerDocument(element);
console.log(ownerDocument); // Output: [object Document]

String Utilities

Includes functions to manipulate strings, such as capitalizing the first letter of a string.

const { capitalize } = require('@chakra-ui/utils');
const str = 'hello world';
const capitalizedStr = capitalize(str);
console.log(capitalizedStr); // Output: 'Hello world'

Function Utilities

Provides utility functions for working with functions, such as debouncing a function.

const { debounce } = require('@chakra-ui/utils');
const log = () => console.log('Debounced!');
const debouncedLog = debounce(log, 200);
debouncedLog();