Socket
Socket
Sign inDemoInstall

@chakra-ui/utils

Package Overview
Dependencies
9
Maintainers
4
Versions
257
Alerts
File Explorer

Advanced tools

npm Scripts
License

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 1.0.0-rc.3 to 1.0.0-rc.4

8

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log

# 1.0.0-rc.4 (2020-09-25)
**Note:** Version bump only for package @chakra-ui/utils
# 1.0.0-rc.3 (2020-08-30)

@@ -8,0 +16,0 @@

15

dist/cjs/array.js

@@ -15,2 +15,3 @@ "use strict";

exports.getNextItemFromSearch = getNextItemFromSearch;
exports.isCustomBreakpoint = void 0;

@@ -184,2 +185,16 @@ function getFirstItem(array) {

}
/**
* since breakpoints are defined as custom properties on an array, you may
* `Object.keys(theme.breakpoints)` to retrieve both regular numeric indices
* and custom breakpoints as string.
*
* This function returns true given a custom array property.
*/
var isCustomBreakpoint = function isCustomBreakpoint(maybeBreakpoint) {
return Number.isNaN(Number.parseInt(maybeBreakpoint));
};
exports.isCustomBreakpoint = isCustomBreakpoint;
//# sourceMappingURL=array.js.map

14

dist/cjs/dom-query.js

@@ -18,4 +18,4 @@ "use strict";

var selectors = ["input", "select", "textarea", "a[href]", "area[href]", "button", "[tabindex]", "audio[controls]", "video[controls]", "[contenteditable]:not([contenteditable=false])"];
var selector = selectors.join();
var focusableElList = ["input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])", "embed", "iframe", "object", "a[href]", "area[href]", "button:not([disabled])", "[tabindex]", "audio[controls]", "video[controls]", "*[tabindex]:not([aria-disabled])", "*[contenteditable]"];
var focusableElSelector = focusableElList.join();

@@ -29,5 +29,7 @@ var isRightClick = function isRightClick(event) {

function getAllFocusable(container) {
var allFocusable = Array.from(container.querySelectorAll(selector));
allFocusable.unshift(container);
return allFocusable.filter(_tabbable.isFocusable);
var focusableEls = Array.from(container.querySelectorAll(focusableElSelector));
focusableEls.unshift(container);
return focusableEls.filter(_tabbable.isFocusable).filter(function (el) {
return window.getComputedStyle(el).display !== "none";
});
}

@@ -41,3 +43,3 @@

function getAllTabbable(container, fallbackToFocusable) {
var allFocusable = Array.from(container.querySelectorAll(selector));
var allFocusable = Array.from(container.querySelectorAll(focusableElSelector));
var allTabbable = allFocusable.filter(_tabbable.isTabbable);

@@ -44,0 +46,0 @@

3

dist/cjs/dom.js

@@ -56,3 +56,4 @@ "use strict";

var isArrowKey = keyCode >= 37 && keyCode <= 40 && key.indexOf("Arrow") !== 0;
return isArrowKey ? "Arrow" + key : key;
var eventKey = isArrowKey ? "Arrow" + key : key;
return eventKey;
}

@@ -59,0 +60,0 @@

14

dist/cjs/index.js

@@ -33,9 +33,2 @@ "use strict";

var _keydown = require("./keydown");
Object.keys(_keydown).forEach(function (key) {
if (key === "default" || key === "__esModule") return;
exports[key] = _keydown[key];
});
var _object = require("./object");

@@ -96,9 +89,2 @@

});
var _mergeProps = require("./merge-props");
Object.keys(_mergeProps).forEach(function (key) {
if (key === "default" || key === "__esModule") return;
exports[key] = _mergeProps[key];
});
//# sourceMappingURL=index.js.map

2

dist/cjs/number.js

@@ -116,3 +116,3 @@ "use strict";

condition: max < min,
message: "[Chakra UI] clamp: max cannot be less than min"
message: "clamp: max cannot be less than min"
});

@@ -119,0 +119,0 @@ return Math.min(Math.max(value, min), max);

61

dist/cjs/object.js

@@ -9,4 +9,4 @@ "use strict";

exports.getWithDefault = getWithDefault;
exports.filterUndefined = filterUndefined;
exports.objectKeys = void 0;
exports.objectFilter = objectFilter;
exports.objectKeys = exports.filterUndefined = exports.objectAssign = exports.mergeWith = exports.merge = void 0;

@@ -17,6 +17,12 @@ var _lodash = _interopRequireDefault(require("lodash.merge"));

var _lodash2 = _interopRequireDefault(require("lodash.mergewith"));
exports.mergeWith = _lodash2["default"];
var _objectAssign = _interopRequireDefault(require("object-assign"));
exports.objectAssign = _objectAssign["default"];
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } it = o[Symbol.iterator](); return it.next.bind(it); }

@@ -31,5 +37,5 @@

for (var key in object) {
if (keys.includes(key)) continue;
result[key] = object[key];
for (var _key in object) {
if (keys.includes(_key)) continue;
result[_key] = object[_key];
}

@@ -44,6 +50,6 @@

for (var _iterator = _createForOfIteratorHelperLoose(keys), _step; !(_step = _iterator()).done;) {
var key = _step.value;
var _key2 = _step.value;
if (key in object) {
result[key] = object[key];
if (_key2 in object) {
result[_key2] = object[_key2];
}

@@ -59,7 +65,7 @@ }

for (var key in object) {
if (keys.includes(key)) {
picked[key] = object[key];
for (var _key3 in object) {
if (keys.includes(_key3)) {
picked[_key3] = object[_key3];
} else {
omitted[key] = object[key];
omitted[_key3] = object[_key3];
}

@@ -103,8 +109,17 @@ }

function filterUndefined(object) {
var result = _extends({}, object);
/**
* Returns the items of an object that meet the condition specified in a callback function.
*
* @param object the object to loop through
* @param fn The filter function
*/
function objectFilter(object, fn) {
var result = {};
for (var key in result) {
if (result[key] == null) {
delete result[key];
for (var _key4 in object) {
var _value = object[_key4];
var shouldPass = fn(_value, _key4, object);
if (shouldPass) {
result[_key4] = _value;
}

@@ -116,2 +131,10 @@ }

var filterUndefined = function filterUndefined(object) {
return objectFilter(object, function (val) {
return val !== null;
});
};
exports.filterUndefined = filterUndefined;
var objectKeys = function objectKeys(obj) {

@@ -118,0 +141,0 @@ return Object.keys(obj);

9

dist/esm/array.js

@@ -150,2 +150,11 @@ export function getFirstItem(array) {

}
/**
* since breakpoints are defined as custom properties on an array, you may
* `Object.keys(theme.breakpoints)` to retrieve both regular numeric indices
* and custom breakpoints as string.
*
* This function returns true given a custom array property.
*/
export var isCustomBreakpoint = maybeBreakpoint => Number.isNaN(Number.parseInt(maybeBreakpoint));
//# sourceMappingURL=array.js.map

12

dist/esm/dom-query.js
import { isFocusable, isTabbable, isHTMLElement } from "./tabbable";
var selectors = ["input", "select", "textarea", "a[href]", "area[href]", "button", "[tabindex]", "audio[controls]", "video[controls]", "[contenteditable]:not([contenteditable=false])"];
var selector = selectors.join();
var focusableElList = ["input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])", "embed", "iframe", "object", "a[href]", "area[href]", "button:not([disabled])", "[tabindex]", "audio[controls]", "video[controls]", "*[tabindex]:not([aria-disabled])", "*[contenteditable]"];
var focusableElSelector = focusableElList.join();
export var isRightClick = event => event.button != 0;
export function getAllFocusable(container) {
var allFocusable = Array.from(container.querySelectorAll(selector));
allFocusable.unshift(container);
return allFocusable.filter(isFocusable);
var focusableEls = Array.from(container.querySelectorAll(focusableElSelector));
focusableEls.unshift(container);
return focusableEls.filter(isFocusable).filter(el => window.getComputedStyle(el).display !== "none");
}

@@ -15,3 +15,3 @@ export function getFirstFocusable(container) {

export function getAllTabbable(container, fallbackToFocusable) {
var allFocusable = Array.from(container.querySelectorAll(selector));
var allFocusable = Array.from(container.querySelectorAll(focusableElSelector));
var allTabbable = allFocusable.filter(isTabbable);

@@ -18,0 +18,0 @@

3

dist/esm/dom.js

@@ -48,3 +48,4 @@ var _window = undefined;

var isArrowKey = keyCode >= 37 && keyCode <= 40 && key.indexOf("Arrow") !== 0;
return isArrowKey ? "Arrow" + key : key;
var eventKey = isArrowKey ? "Arrow" + key : key;
return eventKey;
}

@@ -51,0 +52,0 @@ export var dataAttr = condition => condition ? "" : undefined;

2

dist/esm/index.js

@@ -5,3 +5,2 @@ export * from "./function";

export * from "./array";
export * from "./keydown";
export * from "./object";

@@ -15,3 +14,2 @@ export * from "./number";

export * from "./responsive";
export * from "./merge-props";
//# sourceMappingURL=index.js.map

2

dist/esm/number.js

@@ -95,3 +95,3 @@ import { isNotNumber } from "./assertion";

condition: max < min,
message: "[Chakra UI] clamp: max cannot be less than min"
message: "clamp: max cannot be less than min"
});

@@ -98,0 +98,0 @@ return Math.min(Math.max(value, min), max);

48

dist/esm/object.js

@@ -1,10 +0,10 @@

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
import merge from "lodash.merge";
export { default as merge } from "lodash.merge";
export { default as mergeWith } from "lodash.mergewith";
export { default as objectAssign } from "object-assign";
export function omit(object, keys) {
var result = {};
for (var key in object) {
if (keys.includes(key)) continue;
result[key] = object[key];
for (var _key in object) {
if (keys.includes(_key)) continue;
result[_key] = object[_key];
}

@@ -17,5 +17,5 @@

for (var key of keys) {
if (key in object) {
result[key] = object[key];
for (var _key2 of keys) {
if (_key2 in object) {
result[_key2] = object[_key2];
}

@@ -30,7 +30,7 @@ }

for (var key in object) {
if (keys.includes(key)) {
picked[key] = object[key];
for (var _key3 in object) {
if (keys.includes(_key3)) {
picked[_key3] = object[_key3];
} else {
omitted[key] = object[key];
omitted[_key3] = object[_key3];
}

@@ -71,9 +71,18 @@ }

}
export { merge };
export function filterUndefined(object) {
var result = _extends({}, object);
for (var key in result) {
if (result[key] == null) {
delete result[key];
/**
* Returns the items of an object that meet the condition specified in a callback function.
*
* @param object the object to loop through
* @param fn The filter function
*/
export function objectFilter(object, fn) {
var result = {};
for (var _key4 in object) {
var _value = object[_key4];
var shouldPass = fn(_value, _key4, object);
if (shouldPass) {
result[_key4] = _value;
}

@@ -84,3 +93,4 @@ }

}
export var filterUndefined = object => objectFilter(object, val => val !== null);
export var objectKeys = obj => Object.keys(obj);
//# sourceMappingURL=object.js.map

8

dist/types/array.d.ts

@@ -43,1 +43,9 @@ export declare function getFirstItem<T>(array: T[]): T | undefined;

export declare function getNextItemFromSearch<T>(items: T[], searchString: string, itemToString: (item: T) => string, currentItem: T): T | undefined;
/**
* since breakpoints are defined as custom properties on an array, you may
* `Object.keys(theme.breakpoints)` to retrieve both regular numeric indices
* and custom breakpoints as string.
*
* This function returns true given a custom array property.
*/
export declare const isCustomBreakpoint: (maybeBreakpoint: string) => boolean;

4

dist/types/dom.d.ts

@@ -1,2 +0,2 @@

import { Booleanish } from "./types";
import { Booleanish, EventKeys } from "./types";
import * as React from "react";

@@ -13,3 +13,3 @@ /**

*/
export declare function normalizeEventKey(event: React.KeyboardEvent): string;
export declare function normalizeEventKey(event: React.KeyboardEvent): EventKeys;
export declare const dataAttr: (condition: boolean | undefined) => Booleanish;

@@ -16,0 +16,0 @@ export declare const ariaAttr: (condition: boolean | undefined) => true | undefined;

2

dist/types/index.d.ts

@@ -5,3 +5,2 @@ export * from "./function";

export * from "./array";
export * from "./keydown";
export * from "./object";

@@ -15,2 +14,1 @@ export * from "./number";

export * from "./responsive";
export * from "./merge-props";

19

dist/types/object.d.ts

@@ -1,3 +0,5 @@

import { Dict } from "./types";
import merge from "lodash.merge";
import type { Dict } from "./types";
export { default as merge } from "lodash.merge";
export { default as mergeWith } from "lodash.mergewith";
export { default as objectAssign } from "object-assign";
export declare function omit<T extends Dict, K extends keyof T>(object: T, keys: K[]): Pick<T, Exclude<keyof T, K>>;

@@ -21,6 +23,11 @@ export declare function pick<T extends Dict, K extends keyof T>(object: T, keys: K[]): { [P in K]: T[P]; };

export declare function getWithDefault(path: any, scale: any): any;
export { merge };
export declare function filterUndefined(object: Dict): {
[x: string]: any;
};
declare type FilterFn<T> = (value: any, key: string, object: T) => boolean;
/**
* Returns the items of an object that meet the condition specified in a callback function.
*
* @param object the object to loop through
* @param fn The filter function
*/
export declare function objectFilter<T extends Dict>(object: T, fn: FilterFn<T>): Record<string, any>;
export declare const filterUndefined: (object: Dict) => Record<string, any>;
export declare const objectKeys: <T extends Record<string, any>>(obj: T) => (keyof T)[];

11

dist/types/types.d.ts

@@ -1,7 +0,5 @@

import * as React from "react";
export declare type Merge<T1, T2> = Omit<T1, Extract<keyof T1, keyof T2>> & T2;
export declare type SafeMerge<T, P> = P & Omit<T, keyof P>;
/// <reference types="react" />
export declare type Merge<T, P> = P & Omit<T, keyof P>;
export declare type UnionStringArray<T extends Readonly<string[]>> = T[number];
export declare type Omit<T, K> = Pick<T, Exclude<keyof T, K>>;
export declare type As<P = any> = React.ElementType<P>;
export declare type LiteralUnion<T extends U, U extends any = string> = T | (U & {

@@ -15,3 +13,6 @@ _?: never;

export declare type Booleanish = boolean | "true" | "false";
export declare type ObjectOrArray<T, K extends keyof any = keyof any> = T[] | Record<K, T>;
export declare type StringOrNumber = string | number;
export declare type HTMLProps<T = any> = Omit<React.HTMLAttributes<T>, "color" | "width" | "height"> & React.RefAttributes<T>;
export declare type PropGetter<T extends HTMLElement = any, P = {}> = (props?: Merge<HTMLProps<T>, P>, ref?: React.Ref<any> | React.RefObject<any>) => Merge<HTMLProps<T>, P>;
export declare type EventKeys = "ArrowDown" | "ArrowUp" | "ArrowLeft" | "ArrowRight" | "Enter" | "Space" | "Tab" | "Backspace" | "Control" | "Meta" | "Home" | "End" | "PageDown" | "PageUp" | "Delete" | "Escape" | " " | "Shift";
export declare type EventKeyMap = Partial<Record<EventKeys, React.KeyboardEventHandler>>;

10

package.json
{
"name": "@chakra-ui/utils",
"version": "1.0.0-rc.3",
"version": "1.0.0-rc.4",
"description": "Common utilties and types for Chakra UI",

@@ -41,5 +41,9 @@ "author": "Segun Adebayo <sage@adebayosegun.com>",

"@types/lodash.merge": "4.6.6",
"@types/lodash.mergewith": "4.6.6",
"@types/object-assign": "4.0.30",
"css-box-model": "1.2.1",
"lodash.merge": "4.6.2",
"memoize-one": "5.1.1"
"lodash.mergewith": "4.6.2",
"memoize-one": "5.1.1",
"object-assign": "4.1.1"
},

@@ -49,3 +53,3 @@ "peerDependencies": {

},
"gitHead": "a0b689f3a2b1589d58e4d9b0c8a9bbd02ed90f6e"
"gitHead": "830b8587c572a4c20d6b56b256accd6686255819"
}
dist/cjs/keydown.js
dist/cjs/keydown.js.map
dist/cjs/merge-props.js
dist/cjs/merge-props.js.map
dist/esm/keydown.js
dist/esm/keydown.js.map
dist/esm/merge-props.js
dist/esm/merge-props.js.map
dist/types/keydown.d.ts
dist/types/merge-props.d.ts
dist/cjs/array.js.map

Sorry, the diff of this file is not supported yet

dist/cjs/dom-query.js.map

Sorry, the diff of this file is not supported yet

dist/cjs/dom.js.map

Sorry, the diff of this file is not supported yet

dist/cjs/index.js.map

Sorry, the diff of this file is not supported yet

dist/cjs/number.js.map

Sorry, the diff of this file is not supported yet

dist/cjs/object.js.map

Sorry, the diff of this file is not supported yet

dist/esm/array.js.map

Sorry, the diff of this file is not supported yet

dist/esm/dom-query.js.map

Sorry, the diff of this file is not supported yet

dist/esm/dom.js.map

Sorry, the diff of this file is not supported yet

dist/esm/index.js.map

Sorry, the diff of this file is not supported yet

dist/esm/number.js.map

Sorry, the diff of this file is not supported yet

dist/esm/object.js.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

About

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc