New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@sk-web-gui/utils

Package Overview
Dependencies
Maintainers
6
Versions
14
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@sk-web-gui/utils - npm Package Compare versions

Comparing version 2.1.0 to 2.2.0

22

dist/cjs/assertion.js

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

"use strict";
exports.__esModule = true;
exports.__REACT_NAME__ = exports.__DEV__ = void 0;
exports.isArray = isArray;
exports.isObject = isObject;
/* eslint-disable @typescript-eslint/no-explicit-any */
// Array assertions
function isArray(value) {
return Array.isArray(value);
}
// Object assertions
function isObject(value) {
var type = typeof value;
return value != null && (type === 'object' || type === 'function') && !isArray(value);
}
var __DEV__ = exports.__DEV__ = process.env.NODE_ENV !== 'production';
/** @deprecated This should not be used, as it's not reliable */
var __REACT_NAME__ = exports.__REACT_NAME__ = __DEV__ ? 'displayName' : 'name';
"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:all[name]})}_export(exports,{__DEV__:function(){return __DEV__},__REACT_NAME__:function(){return __REACT_NAME__},isArray:function(){return isArray},isObject:function(){return isObject}});function _type_of(obj){"@swc/helpers - typeof";return obj&&typeof Symbol!=="undefined"&&obj.constructor===Symbol?"symbol":typeof obj}function isArray(value){return Array.isArray(value)}function isObject(value){var type=typeof value==="undefined"?"undefined":_type_of(value);return value!=null&&(type==="object"||type==="function")&&!isArray(value)}var __DEV__=process.env.NODE_ENV!=="production";var __REACT_NAME__=__DEV__?"displayName":"name";
//# sourceMappingURL=assertion.js.map

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

"use strict";
exports.__esModule = true;
exports.addPropsToChildren = void 0;
exports.getValidChildren = getValidChildren;
var _react = _interopRequireDefault(require("react"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
/**
* Gets only the valid children of a component,
* and ignores any nullish or falsy child.
*
* @param children the children
*/
function getValidChildren(children) {
return _react["default"].Children.toArray(children).filter(function (child) {
return /*#__PURE__*/_react["default"].isValidElement(child);
});
}
var addPropsToChildren = exports.addPropsToChildren = function addPropsToChildren(children, props) {
if (Array.isArray(children)) {
return children.map(function (child) {
return /*#__PURE__*/_react["default"].isValidElement(child) ? /*#__PURE__*/_react["default"].cloneElement(child, props) : child;
});
} else if (/*#__PURE__*/_react["default"].isValidElement(children)) {
return /*#__PURE__*/_react["default"].cloneElement(children, props);
} else {
return children;
}
};
"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:all[name]})}_export(exports,{addPropsToChildren:function(){return addPropsToChildren},getValidChildren:function(){return getValidChildren}});var _react=/*#__PURE__*/_interop_require_default(require("react"));function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function getValidChildren(children){return _react.default.Children.toArray(children).filter(function(child){return _react.default.isValidElement(child)})}var addPropsToChildren=function(children,props){if(Array.isArray(children)){return children.map(function(child){return _react.default.isValidElement(child)?_react.default.cloneElement(child,props):child})}else if(_react.default.isValidElement(children)){return _react.default.cloneElement(children,props)}else{return children}};
//# sourceMappingURL=children.js.map

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

"use strict";
exports.__esModule = true;
exports.hsl2rgb = hsl2rgb;
exports.hwb2rgb = hwb2rgb;
exports.rgbStringToHex = void 0;
exports.toColor = toColor;
exports.toRGB = toRGB;
exports.toRGBA = toRGBA;
var _colorString = _interopRequireDefault(require("color-string"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
function hsl2rgb(h, s, l) {
s = s / 100, l = l / 100;
if (h >= 360) h %= 360;
var c = (1 - Math.abs(2 * l - 1)) * s;
var x = c * (1 - Math.abs(h / 60 % 2 - 1));
var m = l - c / 2;
var r = 0;
var g = 0;
var b = 0;
if (0 <= h && h < 60) {
r = c;
g = x;
b = 0;
} else if (60 <= h && h < 120) {
r = x;
g = c;
b = 0;
} else if (120 <= h && h < 180) {
r = 0;
g = c;
b = x;
} else if (180 <= h && h < 240) {
r = 0;
g = x;
b = c;
} else if (240 <= h && h < 300) {
r = x;
g = 0;
b = c;
} else if (300 <= h && h < 360) {
r = c;
g = 0;
b = x;
}
// having obtained RGB, convert channels to hex
r = Math.round((r + m) * 255);
g = Math.round((g + m) * 255);
b = Math.round((b + m) * 255);
return [r, g, b];
}
function hwb2rgb(h, w, b) {
var rgb = hsl2rgb(h, 100, 50);
for (var i = 0; i < 3; ++i) {
var c = rgb[i] / 255;
c *= 1 - w / 100 - b / 100;
c += w / 100;
rgb[i] = Math.round(c * 255);
}
return rgb;
}
function toRGBA(color) {
var _colorString$get;
if (/^hsla?/.test(color)) {
var colorTuple = _colorString["default"].get.hsl(color);
if (!colorTuple) return;
return [].concat(hsl2rgb(colorTuple[0], colorTuple[1], colorTuple[2]), [colorTuple[3]]);
} else if (/^rgba?/.test(color)) {
var _colorTuple = _colorString["default"].get.rgb(color);
if (!_colorTuple) return;
return _colorTuple;
} else if (color.startsWith('hwb')) {
var _colorTuple2 = _colorString["default"].get.hwb(color);
if (!_colorTuple2) return;
return [].concat(hwb2rgb(_colorTuple2[0], _colorTuple2[1], _colorTuple2[2]), [_colorTuple2[3]]);
}
return (_colorString$get = _colorString["default"].get(color)) == null ? void 0 : _colorString$get.value;
}
function toRGB(color) {
var _toRGBA;
return (_toRGBA = toRGBA(color)) == null ? void 0 : _toRGBA.slice(0, 3);
}
function toColor(colorStr) {
var rgba = toRGBA(colorStr);
var color = rgba ? rgba.slice(0, 3).join(', ') : colorStr;
var opacity = rgba ? rgba[3].toString() : '1';
return {
color: color,
opacity: opacity
};
}
var rgbStringToHex = exports.rgbStringToHex = function rgbStringToHex(rgbString) {
var regex = /^rgb\s*\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/;
var hex = '';
var match = rgbString.match(regex);
if (match) {
var r = parseInt(match[1]);
var g = parseInt(match[2]);
var b = parseInt(match[3]);
hex = "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1).toUpperCase();
}
return hex;
};
"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:all[name]})}_export(exports,{hsl2rgb:function(){return hsl2rgb},hwb2rgb:function(){return hwb2rgb},rgbStringToHex:function(){return rgbStringToHex},toColor:function(){return toColor},toRGB:function(){return toRGB},toRGBA:function(){return toRGBA}});var _colorstring=/*#__PURE__*/_interop_require_default(require("color-string"));function _array_like_to_array(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _array_without_holes(arr){if(Array.isArray(arr))return _array_like_to_array(arr)}function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _iterable_to_array(iter){if(typeof Symbol!=="undefined"&&iter[Symbol.iterator]!=null||iter["@@iterator"]!=null)return Array.from(iter)}function _non_iterable_spread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _to_consumable_array(arr){return _array_without_holes(arr)||_iterable_to_array(arr)||_unsupported_iterable_to_array(arr)||_non_iterable_spread()}function _unsupported_iterable_to_array(o,minLen){if(!o)return;if(typeof o==="string")return _array_like_to_array(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _array_like_to_array(o,minLen)}function hsl2rgb(h,s,l){s=s/100;l=l/100;if(h>=360)h%=360;var c=(1-Math.abs(2*l-1))*s;var x=c*(1-Math.abs(h/60%2-1));var m=l-c/2;var r=0;var g=0;var b=0;if(0<=h&&h<60){r=c;g=x;b=0}else if(60<=h&&h<120){r=x;g=c;b=0}else if(120<=h&&h<180){r=0;g=c;b=x}else if(180<=h&&h<240){r=0;g=x;b=c}else if(240<=h&&h<300){r=x;g=0;b=c}else if(300<=h&&h<360){r=c;g=0;b=x}r=Math.round((r+m)*255);g=Math.round((g+m)*255);b=Math.round((b+m)*255);return[r,g,b]}function hwb2rgb(h,w,b){var rgb=hsl2rgb(h,100,50);for(var i=0;i<3;++i){var c=rgb[i]/255;c*=1-w/100-b/100;c+=w/100;rgb[i]=Math.round(c*255)}return rgb}function toRGBA(color){var _colorString_get;if(/^hsla?/.test(color)){var colorTuple=_colorstring.default.get.hsl(color);if(!colorTuple)return;return _to_consumable_array(hsl2rgb(colorTuple[0],colorTuple[1],colorTuple[2])).concat([colorTuple[3]])}else if(/^rgba?/.test(color)){var colorTuple1=_colorstring.default.get.rgb(color);if(!colorTuple1)return;return colorTuple1}else if(color.startsWith("hwb")){var colorTuple2=_colorstring.default.get.hwb(color);if(!colorTuple2)return;return _to_consumable_array(hwb2rgb(colorTuple2[0],colorTuple2[1],colorTuple2[2])).concat([colorTuple2[3]])}return(_colorString_get=_colorstring.default.get(color))===null||_colorString_get===void 0?void 0:_colorString_get.value}function toRGB(color){var _toRGBA;return(_toRGBA=toRGBA(color))===null||_toRGBA===void 0?void 0:_toRGBA.slice(0,3)}function toColor(colorStr){var rgba=toRGBA(colorStr);var color=rgba?rgba.slice(0,3).join(", "):colorStr;var opacity=rgba?rgba[3].toString():"1";return{color:color,opacity:opacity}}var rgbStringToHex=function(rgbString){var regex=/^rgb\s*\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/;var hex="";var match=rgbString.match(regex);if(match){var r=parseInt(match[1]);var g=parseInt(match[2]);var b=parseInt(match[3]);hex="#".concat(((1<<24)+(r<<16)+(g<<8)+b).toString(16).slice(1).toUpperCase())}return hex};
//# sourceMappingURL=color.js.map

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

"use strict";
exports.__esModule = true;
var _exportNames = {
cx: true
};
var _clsx = _interopRequireDefault(require("clsx"));
exports.cx = _clsx["default"];
var _types = require("./types");
Object.keys(_types).forEach(function (key) {
if (key === "default" || key === "__esModule") return;
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
if (key in exports && exports[key] === _types[key]) return;
exports[key] = _types[key];
});
var _color = require("./color");
Object.keys(_color).forEach(function (key) {
if (key === "default" || key === "__esModule") return;
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
if (key in exports && exports[key] === _color[key]) return;
exports[key] = _color[key];
});
var _assertion = require("./assertion");
Object.keys(_assertion).forEach(function (key) {
if (key === "default" || key === "__esModule") return;
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
if (key in exports && exports[key] === _assertion[key]) return;
exports[key] = _assertion[key];
});
var _walkObject = require("./walk-object");
Object.keys(_walkObject).forEach(function (key) {
if (key === "default" || key === "__esModule") return;
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
if (key in exports && exports[key] === _walkObject[key]) return;
exports[key] = _walkObject[key];
});
var _object = require("./object");
Object.keys(_object).forEach(function (key) {
if (key === "default" || key === "__esModule") return;
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
if (key in exports && exports[key] === _object[key]) return;
exports[key] = _object[key];
});
var _children = require("./children");
Object.keys(_children).forEach(function (key) {
if (key === "default" || key === "__esModule") return;
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
if (key in exports && exports[key] === _children[key]) return;
exports[key] = _children[key];
});
var _refs = require("./refs");
Object.keys(_refs).forEach(function (key) {
if (key === "default" || key === "__esModule") return;
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
if (key in exports && exports[key] === _refs[key]) return;
exports[key] = _refs[key];
});
var _slug = require("./slug");
Object.keys(_slug).forEach(function (key) {
if (key === "default" || key === "__esModule") return;
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
if (key in exports && exports[key] === _slug[key]) return;
exports[key] = _slug[key];
});
var _useOnElementOutside = require("./use-on-element-outside");
Object.keys(_useOnElementOutside).forEach(function (key) {
if (key === "default" || key === "__esModule") return;
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
if (key in exports && exports[key] === _useOnElementOutside[key]) return;
exports[key] = _useOnElementOutside[key];
});
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"cx",{enumerable:true,get:function(){return _clsx.default}});var _clsx=/*#__PURE__*/_interop_require_default(require("clsx"));_export_star(require("./types"),exports);_export_star(require("./color"),exports);_export_star(require("./assertion"),exports);_export_star(require("./walk-object"),exports);_export_star(require("./object"),exports);_export_star(require("./children"),exports);_export_star(require("./refs"),exports);_export_star(require("./slug"),exports);_export_star(require("./use-on-element-outside"),exports);function _export_star(from,to){Object.keys(from).forEach(function(k){if(k!=="default"&&!Object.prototype.hasOwnProperty.call(to,k)){Object.defineProperty(to,k,{enumerable:true,get:function(){return from[k]}})}});return from}function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}
//# sourceMappingURL=index.js.map

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

"use strict";
exports.__esModule = true;
exports.deepmerge = deepmerge;
exports.omit = omit;
exports.pick = pick;
var _assertion = require("./assertion");
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
function omit(object, keys) {
var result = {};
Object.keys(object).forEach(function (key) {
if (keys.includes(key)) return;
result[key] = object[key];
});
return result;
}
function pick(object, keys) {
var result = {};
keys.forEach(function (key) {
if (key in object) {
result[key] = object[key];
}
});
return result;
}
function deepmerge(target, source, options) {
if (options === void 0) {
options = {
clone: false
};
}
var output = options.clone ? _extends({}, target) : target;
if ((0, _assertion.isObject)(target) && (0, _assertion.isObject)(source)) {
Object.keys(source).forEach(function (key) {
// Avoid prototype pollution
if (key === '__proto__') {
return;
}
if ((0, _assertion.isObject)(source[key]) && key in target) {
// Since `output` is a clone of `target` and we have narrowed `target` in this block we can cast to the same type.
output[key] = deepmerge(target[key], source[key], options);
} else {
output[key] = source[key];
}
});
}
return output;
}
"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:all[name]})}_export(exports,{deepmerge:function(){return deepmerge},omit:function(){return omit},pick:function(){return pick}});var _assertion=require("./assertion");function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function omit(object,keys){var result={};Object.keys(object).forEach(function(key){if(keys.includes(key))return;result[key]=object[key]});return result}function pick(object,keys){var result={};keys.forEach(function(key){if(key in object){result[key]=object[key]}});return result}function deepmerge(target,source){var options=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{clone:false};var output=options.clone?_object_spread({},target):target;if((0,_assertion.isObject)(target)&&(0,_assertion.isObject)(source)){Object.keys(source).forEach(function(key){if(key==="__proto__"){return}var sourceValue=source[key];var targetValue=target[key];if((0,_assertion.isObject)(sourceValue)&&key in target){output[key]=deepmerge(targetValue,sourceValue,options)}else{output[key]=sourceValue}})}return output}
//# sourceMappingURL=object.js.map

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

"use strict";
exports.__esModule = true;
exports.setRef = setRef;
exports.useForkRef = useForkRef;
var _react = _interopRequireDefault(require("react"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
/* eslint-disable @typescript-eslint/no-explicit-any */
/* eslint-disable @typescript-eslint/ban-ts-comment */
function setRef(ref, value) {
if (typeof ref === 'function') {
ref(value);
} else if (ref) {
// @ts-ignore
ref.current = value;
}
}
function useForkRef(refA, refB) {
return _react["default"].useMemo(function () {
if (refA == null && refB == null) {
return null;
}
return function (refValue) {
setRef(refA, refValue);
setRef(refB, refValue);
};
}, [refA, refB]);
}
"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:all[name]})}_export(exports,{setRef:function(){return setRef},useForkRef:function(){return useForkRef}});var _react=/*#__PURE__*/_interop_require_default(require("react"));function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function setRef(ref,value){if(typeof ref==="function"){ref(value)}else if(ref){ref.current=value}}function useForkRef(refA,refB){return _react.default.useMemo(function(){if(refA==null&&refB==null){return null}return function(refValue){setRef(refA,refValue);setRef(refB,refValue)}},[refA,refB])}
//# sourceMappingURL=refs.js.map

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

"use strict";
exports.__esModule = true;
exports.toSlug = void 0;
var toSlug = exports.toSlug = function toSlug(str) {
str = str.replace(/^\s+|\s+$/g, ''); // trim
str = str.toLowerCase();
// remove accents, swap ñ for n, etc
var from = 'åãàáäâẽèéëêìíïîõòóöôùúüûñç·/_,:;';
var to = 'aaaaaaeeeeeiiiiooooouuuunc------';
for (var i = 0, l = from.length; i < l; i++) {
str = str.replace(new RegExp(from.charAt(i), 'g'), to.charAt(i));
}
str = str.replace(/[^a-z0-9 -]/g, '') // remove invalid chars
.replace(/\s+/g, '-') // collapse whitespace and replace by -
.replace(/-+/g, '-'); // collapse dashes
return str;
};
"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"toSlug",{enumerable:true,get:function(){return toSlug}});var toSlug=function(str){str=str.replace(/^\s+|\s+$/g,"");str=str.toLowerCase();var from="\xe5\xe3\xe0\xe1\xe4\xe2ẽ\xe8\xe9\xeb\xea\xec\xed\xef\xee\xf5\xf2\xf3\xf6\xf4\xf9\xfa\xfc\xfb\xf1\xe7\xb7/_,:;";var to="aaaaaaeeeeeiiiiooooouuuunc------";for(var i=0,l=from.length;i<l;i++){str=str.replace(new RegExp(from.charAt(i),"g"),to.charAt(i))}str=str.replace(/[^a-z0-9 -]/g,"").replace(/\s+/g,"-").replace(/-+/g,"-");return str};
//# sourceMappingURL=slug.js.map

2

dist/cjs/types.js

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

"use strict";Object.defineProperty(exports,"__esModule",{value:true});
//# sourceMappingURL=types.js.map

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

"use strict";
exports.__esModule = true;
exports.useOnElementOutside = void 0;
var _react = _interopRequireDefault(require("react"));
var _usehooksTs = require("usehooks-ts");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
var useOnElementOutside = exports.useOnElementOutside = function useOnElementOutside(ref, callback, dependencies, options) {
var defaultOptions = _extends({
updateOnScroll: true,
updateOnResize: true,
delay: 50,
padding: 0
}, options);
var _React$useState = _react["default"].useState(false),
isOutsideTop = _React$useState[0],
setIsOutsideTop = _React$useState[1];
var _React$useState2 = _react["default"].useState(false),
isOutsideBottom = _React$useState2[0],
setIsOutsideBottom = _React$useState2[1];
var _React$useState3 = _react["default"].useState(false),
isOutsideLeft = _React$useState3[0],
setIsOutsideLeft = _React$useState3[1];
var _React$useState4 = _react["default"].useState(false),
isOutsideRight = _React$useState4[0],
setIsOutsideRight = _React$useState4[1];
var _useDebounceValue = (0, _usehooksTs.useDebounceValue)(0, defaultOptions.delay),
scrollX = _useDebounceValue[0],
setScrollX = _useDebounceValue[1];
var _useDebounceValue2 = (0, _usehooksTs.useDebounceValue)(0, defaultOptions.delay),
scrollY = _useDebounceValue2[0],
setScrollY = _useDebounceValue2[1];
var _useDebounceValue3 = (0, _usehooksTs.useDebounceValue)(0, defaultOptions.delay),
winWidth = _useDebounceValue3[0],
setWinWidth = _useDebounceValue3[1];
var _useDebounceValue4 = (0, _usehooksTs.useDebounceValue)(0, defaultOptions.delay),
winHeight = _useDebounceValue4[0],
setWinHeight = _useDebounceValue4[1];
var isOutside = isOutsideTop || isOutsideBottom || isOutsideLeft || isOutsideRight;
var handlePosition = function handlePosition() {
if (ref.current) {
var positions = ref.current.getBoundingClientRect();
if (positions) {
var height = positions.height + defaultOptions.padding;
var width = positions.width + defaultOptions.padding;
setIsOutsideTop(positions.top < defaultOptions.padding);
setIsOutsideBottom(window.innerHeight - positions.top < height);
setIsOutsideLeft(positions.left < defaultOptions.padding);
setIsOutsideRight(window.innerWidth - positions.left < width);
}
}
};
_react["default"].useEffect(function () {
handlePosition();
}, dependencies);
_react["default"].useEffect(function () {
var handleScrollUpdate = function handleScrollUpdate() {
setScrollX(window.scrollX);
setScrollY(window.scrollY);
};
if (defaultOptions.updateOnScroll) {
window.addEventListener('scroll', handleScrollUpdate);
}
return function () {
window.removeEventListener('scroll', handleScrollUpdate);
};
}, [defaultOptions.updateOnScroll]);
_react["default"].useEffect(function () {
var handleResize = function handleResize() {
setWinHeight(window.innerHeight);
setWinWidth(window.innerWidth);
};
if (defaultOptions.updateOnResize) {
window.addEventListener('resize', handleResize);
}
return function () {
window.removeEventListener('resize', handleResize);
};
}, [defaultOptions.updateOnResize]);
_react["default"].useEffect(function () {
if (defaultOptions.updateOnScroll) {
handlePosition();
}
}, [scrollX, scrollY, defaultOptions == null ? void 0 : defaultOptions.updateOnScroll]);
_react["default"].useEffect(function () {
if (defaultOptions.updateOnResize) {
handlePosition();
}
}, [winHeight, winWidth, defaultOptions == null ? void 0 : defaultOptions.updateOnResize]);
_react["default"].useEffect(function () {
callback({
isOutside: isOutside,
isOutsideTop: isOutsideTop,
isOutsideBottom: isOutsideBottom,
isOutsideLeft: isOutsideLeft,
isOutsideRight: isOutsideRight
});
}, [isOutside, isOutsideTop, isOutsideBottom, isOutsideLeft, isOutsideRight]);
};
"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"useOnElementOutside",{enumerable:true,get:function(){return useOnElementOutside}});var _react=/*#__PURE__*/_interop_require_default(require("react"));var _usehooksts=require("usehooks-ts");function _array_like_to_array(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _array_with_holes(arr){if(Array.isArray(arr))return arr}function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _iterable_to_array_limit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break}}catch(err){_d=true;_e=err}finally{try{if(!_n&&_i["return"]!=null)_i["return"]()}finally{if(_d)throw _e}}return _arr}function _non_iterable_rest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function _sliced_to_array(arr,i){return _array_with_holes(arr)||_iterable_to_array_limit(arr,i)||_unsupported_iterable_to_array(arr,i)||_non_iterable_rest()}function _unsupported_iterable_to_array(o,minLen){if(!o)return;if(typeof o==="string")return _array_like_to_array(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _array_like_to_array(o,minLen)}var useOnElementOutside=function(ref,callback,dependencies,options){var defaultOptions=_object_spread({updateOnScroll:true,updateOnResize:true,delay:50,padding:0},options);var _React_useState=_sliced_to_array(_react.default.useState(false),2),isOutsideTop=_React_useState[0],setIsOutsideTop=_React_useState[1];var _React_useState1=_sliced_to_array(_react.default.useState(false),2),isOutsideBottom=_React_useState1[0],setIsOutsideBottom=_React_useState1[1];var _React_useState2=_sliced_to_array(_react.default.useState(false),2),isOutsideLeft=_React_useState2[0],setIsOutsideLeft=_React_useState2[1];var _React_useState3=_sliced_to_array(_react.default.useState(false),2),isOutsideRight=_React_useState3[0],setIsOutsideRight=_React_useState3[1];var _useDebounceValue=_sliced_to_array((0,_usehooksts.useDebounceValue)(0,defaultOptions.delay),2),scrollX=_useDebounceValue[0],setScrollX=_useDebounceValue[1];var _useDebounceValue1=_sliced_to_array((0,_usehooksts.useDebounceValue)(0,defaultOptions.delay),2),scrollY=_useDebounceValue1[0],setScrollY=_useDebounceValue1[1];var _useDebounceValue2=_sliced_to_array((0,_usehooksts.useDebounceValue)(0,defaultOptions.delay),2),winWidth=_useDebounceValue2[0],setWinWidth=_useDebounceValue2[1];var _useDebounceValue3=_sliced_to_array((0,_usehooksts.useDebounceValue)(0,defaultOptions.delay),2),winHeight=_useDebounceValue3[0],setWinHeight=_useDebounceValue3[1];var isOutside=isOutsideTop||isOutsideBottom||isOutsideLeft||isOutsideRight;var handlePosition=function(){if(ref.current){var positions=ref.current.getBoundingClientRect();if(positions){var height=positions.height+defaultOptions.padding;var width=positions.width+defaultOptions.padding;setIsOutsideTop(positions.top<defaultOptions.padding);setIsOutsideBottom(window.innerHeight-positions.top<height);setIsOutsideLeft(positions.left<defaultOptions.padding);setIsOutsideRight(window.innerWidth-positions.left<width)}}};_react.default.useEffect(function(){handlePosition()},dependencies);_react.default.useEffect(function(){var handleScrollUpdate=function(){setScrollX(window.scrollX);setScrollY(window.scrollY)};if(defaultOptions.updateOnScroll){window.addEventListener("scroll",handleScrollUpdate)}return function(){window.removeEventListener("scroll",handleScrollUpdate)}},[defaultOptions.updateOnScroll]);_react.default.useEffect(function(){var handleResize=function(){setWinHeight(window.innerHeight);setWinWidth(window.innerWidth)};if(defaultOptions.updateOnResize){window.addEventListener("resize",handleResize)}return function(){window.removeEventListener("resize",handleResize)}},[defaultOptions.updateOnResize]);_react.default.useEffect(function(){if(defaultOptions.updateOnScroll){handlePosition()}},[scrollX,scrollY,defaultOptions===null||defaultOptions===void 0?void 0:defaultOptions.updateOnScroll]);_react.default.useEffect(function(){if(defaultOptions.updateOnResize){handlePosition()}},[winHeight,winWidth,defaultOptions===null||defaultOptions===void 0?void 0:defaultOptions.updateOnResize]);_react.default.useEffect(function(){callback({isOutside:isOutside,isOutsideTop:isOutsideTop,isOutsideBottom:isOutsideBottom,isOutsideLeft:isOutsideLeft,isOutsideRight:isOutsideRight})},[isOutside,isOutsideTop,isOutsideBottom,isOutsideLeft,isOutsideRight])};
//# sourceMappingURL=use-on-element-outside.js.map

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

"use strict";
exports.__esModule = true;
exports.walkObject = walkObject;
var _ = require("./");
/* eslint-disable @typescript-eslint/no-explicit-any */
function walkObject(target, predicate) {
function inner(value, path) {
if (path === void 0) {
path = [];
}
if ((0, _.isArray)(value)) {
return value.map(function (item, index) {
return inner(item, [].concat(path, [String(index)]));
});
}
if ((0, _.isObject)(value)) {
return Object.fromEntries(Object.entries(value).map(function (_ref) {
var key = _ref[0],
child = _ref[1];
return [key, inner(child, [].concat(path, [key]))];
}));
}
return predicate(value, path);
}
return inner(target);
}
"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"walkObject",{enumerable:true,get:function(){return walkObject}});var _=require("./");function _array_like_to_array(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _array_with_holes(arr){if(Array.isArray(arr))return arr}function _array_without_holes(arr){if(Array.isArray(arr))return _array_like_to_array(arr)}function _iterable_to_array(iter){if(typeof Symbol!=="undefined"&&iter[Symbol.iterator]!=null||iter["@@iterator"]!=null)return Array.from(iter)}function _iterable_to_array_limit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break}}catch(err){_d=true;_e=err}finally{try{if(!_n&&_i["return"]!=null)_i["return"]()}finally{if(_d)throw _e}}return _arr}function _non_iterable_rest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _non_iterable_spread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _sliced_to_array(arr,i){return _array_with_holes(arr)||_iterable_to_array_limit(arr,i)||_unsupported_iterable_to_array(arr,i)||_non_iterable_rest()}function _to_consumable_array(arr){return _array_without_holes(arr)||_iterable_to_array(arr)||_unsupported_iterable_to_array(arr)||_non_iterable_spread()}function _unsupported_iterable_to_array(o,minLen){if(!o)return;if(typeof o==="string")return _array_like_to_array(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _array_like_to_array(o,minLen)}function walkObject(target,predicate){function inner(value){var path=arguments.length>1&&arguments[1]!==void 0?arguments[1]:[];if((0,_.isArray)(value)){return value.map(function(item,index){return inner(item,_to_consumable_array(path).concat([String(index)]))})}if((0,_.isObject)(value)){return Object.fromEntries(Object.entries(value).map(function(param){var _param=_sliced_to_array(param,2),key=_param[0],child=_param[1];return[key,inner(child,_to_consumable_array(path).concat([key]))]}))}return predicate(value,path)}return inner(target)}
//# sourceMappingURL=walk-object.js.map

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

/* eslint-disable @typescript-eslint/no-explicit-any */
// Array assertions
export function isArray(value) {
return Array.isArray(value);
}
// Object assertions
export function isObject(value) {
var type = typeof value;
return value != null && (type === 'object' || type === 'function') && !isArray(value);
}
export var __DEV__ = process.env.NODE_ENV !== 'production';
/** @deprecated This should not be used, as it's not reliable */
export var __REACT_NAME__ = __DEV__ ? 'displayName' : 'name';
function _type_of(obj){"@swc/helpers - typeof";return obj&&typeof Symbol!=="undefined"&&obj.constructor===Symbol?"symbol":typeof obj}export function isArray(value){return Array.isArray(value)}export function isObject(value){var type=typeof value==="undefined"?"undefined":_type_of(value);return value!=null&&(type==="object"||type==="function")&&!isArray(value)}export var __DEV__=process.env.NODE_ENV!=="production";export var __REACT_NAME__=__DEV__?"displayName":"name";
//# sourceMappingURL=assertion.js.map

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

import React from 'react';
/**
* Gets only the valid children of a component,
* and ignores any nullish or falsy child.
*
* @param children the children
*/
export function getValidChildren(children) {
return React.Children.toArray(children).filter(child => /*#__PURE__*/React.isValidElement(child));
}
export var addPropsToChildren = (children, props) => {
if (Array.isArray(children)) {
return children.map(child => /*#__PURE__*/React.isValidElement(child) ? /*#__PURE__*/React.cloneElement(child, props) : child);
} else if (/*#__PURE__*/React.isValidElement(children)) {
return /*#__PURE__*/React.cloneElement(children, props);
} else {
return children;
}
};
import React from"react";export function getValidChildren(children){return React.Children.toArray(children).filter(function(child){return React.isValidElement(child)})}export var addPropsToChildren=function(children,props){if(Array.isArray(children)){return children.map(function(child){return React.isValidElement(child)?React.cloneElement(child,props):child})}else if(React.isValidElement(children)){return React.cloneElement(children,props)}else{return children}};
//# sourceMappingURL=children.js.map

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

import colorString from 'color-string';
export function hsl2rgb(h, s, l) {
s = s / 100, l = l / 100;
if (h >= 360) h %= 360;
var c = (1 - Math.abs(2 * l - 1)) * s;
var x = c * (1 - Math.abs(h / 60 % 2 - 1));
var m = l - c / 2;
var r = 0;
var g = 0;
var b = 0;
if (0 <= h && h < 60) {
r = c;
g = x;
b = 0;
} else if (60 <= h && h < 120) {
r = x;
g = c;
b = 0;
} else if (120 <= h && h < 180) {
r = 0;
g = c;
b = x;
} else if (180 <= h && h < 240) {
r = 0;
g = x;
b = c;
} else if (240 <= h && h < 300) {
r = x;
g = 0;
b = c;
} else if (300 <= h && h < 360) {
r = c;
g = 0;
b = x;
}
// having obtained RGB, convert channels to hex
r = Math.round((r + m) * 255);
g = Math.round((g + m) * 255);
b = Math.round((b + m) * 255);
return [r, g, b];
}
export function hwb2rgb(h, w, b) {
var rgb = hsl2rgb(h, 100, 50);
for (var i = 0; i < 3; ++i) {
var c = rgb[i] / 255;
c *= 1 - w / 100 - b / 100;
c += w / 100;
rgb[i] = Math.round(c * 255);
}
return rgb;
}
export function toRGBA(color) {
var _colorString$get;
if (/^hsla?/.test(color)) {
var colorTuple = colorString.get.hsl(color);
if (!colorTuple) return;
return [...hsl2rgb(colorTuple[0], colorTuple[1], colorTuple[2]), colorTuple[3]];
} else if (/^rgba?/.test(color)) {
var _colorTuple = colorString.get.rgb(color);
if (!_colorTuple) return;
return _colorTuple;
} else if (color.startsWith('hwb')) {
var _colorTuple2 = colorString.get.hwb(color);
if (!_colorTuple2) return;
return [...hwb2rgb(_colorTuple2[0], _colorTuple2[1], _colorTuple2[2]), _colorTuple2[3]];
}
return (_colorString$get = colorString.get(color)) == null ? void 0 : _colorString$get.value;
}
export function toRGB(color) {
var _toRGBA;
return (_toRGBA = toRGBA(color)) == null ? void 0 : _toRGBA.slice(0, 3);
}
export function toColor(colorStr) {
var rgba = toRGBA(colorStr);
var color = rgba ? rgba.slice(0, 3).join(', ') : colorStr;
var opacity = rgba ? rgba[3].toString() : '1';
return {
color,
opacity
};
}
export var rgbStringToHex = rgbString => {
var regex = /^rgb\s*\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/;
var hex = '';
var match = rgbString.match(regex);
if (match) {
var r = parseInt(match[1]);
var g = parseInt(match[2]);
var b = parseInt(match[3]);
hex = "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1).toUpperCase();
}
return hex;
};
function _array_like_to_array(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _array_without_holes(arr){if(Array.isArray(arr))return _array_like_to_array(arr)}function _iterable_to_array(iter){if(typeof Symbol!=="undefined"&&iter[Symbol.iterator]!=null||iter["@@iterator"]!=null)return Array.from(iter)}function _non_iterable_spread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _to_consumable_array(arr){return _array_without_holes(arr)||_iterable_to_array(arr)||_unsupported_iterable_to_array(arr)||_non_iterable_spread()}function _unsupported_iterable_to_array(o,minLen){if(!o)return;if(typeof o==="string")return _array_like_to_array(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _array_like_to_array(o,minLen)}import colorString from"color-string";export function hsl2rgb(h,s,l){s=s/100;l=l/100;if(h>=360)h%=360;var c=(1-Math.abs(2*l-1))*s;var x=c*(1-Math.abs(h/60%2-1));var m=l-c/2;var r=0;var g=0;var b=0;if(0<=h&&h<60){r=c;g=x;b=0}else if(60<=h&&h<120){r=x;g=c;b=0}else if(120<=h&&h<180){r=0;g=c;b=x}else if(180<=h&&h<240){r=0;g=x;b=c}else if(240<=h&&h<300){r=x;g=0;b=c}else if(300<=h&&h<360){r=c;g=0;b=x}r=Math.round((r+m)*255);g=Math.round((g+m)*255);b=Math.round((b+m)*255);return[r,g,b]}export function hwb2rgb(h,w,b){var rgb=hsl2rgb(h,100,50);for(var i=0;i<3;++i){var c=rgb[i]/255;c*=1-w/100-b/100;c+=w/100;rgb[i]=Math.round(c*255)}return rgb}export function toRGBA(color){var _colorString_get;if(/^hsla?/.test(color)){var colorTuple=colorString.get.hsl(color);if(!colorTuple)return;return _to_consumable_array(hsl2rgb(colorTuple[0],colorTuple[1],colorTuple[2])).concat([colorTuple[3]])}else if(/^rgba?/.test(color)){var colorTuple1=colorString.get.rgb(color);if(!colorTuple1)return;return colorTuple1}else if(color.startsWith("hwb")){var colorTuple2=colorString.get.hwb(color);if(!colorTuple2)return;return _to_consumable_array(hwb2rgb(colorTuple2[0],colorTuple2[1],colorTuple2[2])).concat([colorTuple2[3]])}return(_colorString_get=colorString.get(color))===null||_colorString_get===void 0?void 0:_colorString_get.value}export function toRGB(color){var _toRGBA;return(_toRGBA=toRGBA(color))===null||_toRGBA===void 0?void 0:_toRGBA.slice(0,3)}export function toColor(colorStr){var rgba=toRGBA(colorStr);var color=rgba?rgba.slice(0,3).join(", "):colorStr;var opacity=rgba?rgba[3].toString():"1";return{color:color,opacity:opacity}}export var rgbStringToHex=function(rgbString){var regex=/^rgb\s*\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/;var hex="";var match=rgbString.match(regex);if(match){var r=parseInt(match[1]);var g=parseInt(match[2]);var b=parseInt(match[3]);hex="#".concat(((1<<24)+(r<<16)+(g<<8)+b).toString(16).slice(1).toUpperCase())}return hex};
//# sourceMappingURL=color.js.map

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

import cx from 'clsx';
export * from './types';
export * from './color';
export * from './assertion';
export * from './walk-object';
export * from './object';
export * from './children';
export * from './refs';
export * from './slug';
export * from './use-on-element-outside';
export { cx };
import cx from"clsx";export*from"./types";export*from"./color";export*from"./assertion";export*from"./walk-object";export*from"./object";export*from"./children";export*from"./refs";export*from"./slug";export*from"./use-on-element-outside";export{cx};
//# sourceMappingURL=index.js.map

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

function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
import { isObject } from './assertion';
export function omit(object, keys) {
var result = {};
Object.keys(object).forEach(key => {
if (keys.includes(key)) return;
result[key] = object[key];
});
return result;
}
export function pick(object, keys) {
var result = {};
keys.forEach(key => {
if (key in object) {
result[key] = object[key];
}
});
return result;
}
export function deepmerge(target, source, options) {
if (options === void 0) {
options = {
clone: false
};
}
var output = options.clone ? _extends({}, target) : target;
if (isObject(target) && isObject(source)) {
Object.keys(source).forEach(key => {
// Avoid prototype pollution
if (key === '__proto__') {
return;
}
if (isObject(source[key]) && key in target) {
// Since `output` is a clone of `target` and we have narrowed `target` in this block we can cast to the same type.
output[key] = deepmerge(target[key], source[key], options);
} else {
output[key] = source[key];
}
});
}
return output;
}
function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}import{isObject}from"./assertion";export function omit(object,keys){var result={};Object.keys(object).forEach(function(key){if(keys.includes(key))return;result[key]=object[key]});return result}export function pick(object,keys){var result={};keys.forEach(function(key){if(key in object){result[key]=object[key]}});return result}export function deepmerge(target,source){var options=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{clone:false};var output=options.clone?_object_spread({},target):target;if(isObject(target)&&isObject(source)){Object.keys(source).forEach(function(key){if(key==="__proto__"){return}var sourceValue=source[key];var targetValue=target[key];if(isObject(sourceValue)&&key in target){output[key]=deepmerge(targetValue,sourceValue,options)}else{output[key]=sourceValue}})}return output}
//# sourceMappingURL=object.js.map

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

/* eslint-disable @typescript-eslint/no-explicit-any */
/* eslint-disable @typescript-eslint/ban-ts-comment */
import React from 'react';
export function setRef(ref, value) {
if (typeof ref === 'function') {
ref(value);
} else if (ref) {
// @ts-ignore
ref.current = value;
}
}
export function useForkRef(refA, refB) {
return React.useMemo(() => {
if (refA == null && refB == null) {
return null;
}
return refValue => {
setRef(refA, refValue);
setRef(refB, refValue);
};
}, [refA, refB]);
}
import React from"react";export function setRef(ref,value){if(typeof ref==="function"){ref(value)}else if(ref){ref.current=value}}export function useForkRef(refA,refB){return React.useMemo(function(){if(refA==null&&refB==null){return null}return function(refValue){setRef(refA,refValue);setRef(refB,refValue)}},[refA,refB])}
//# sourceMappingURL=refs.js.map

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

export var toSlug = str => {
str = str.replace(/^\s+|\s+$/g, ''); // trim
str = str.toLowerCase();
// remove accents, swap ñ for n, etc
var from = 'åãàáäâẽèéëêìíïîõòóöôùúüûñç·/_,:;';
var to = 'aaaaaaeeeeeiiiiooooouuuunc------';
for (var i = 0, l = from.length; i < l; i++) {
str = str.replace(new RegExp(from.charAt(i), 'g'), to.charAt(i));
}
str = str.replace(/[^a-z0-9 -]/g, '') // remove invalid chars
.replace(/\s+/g, '-') // collapse whitespace and replace by -
.replace(/-+/g, '-'); // collapse dashes
return str;
};
export var toSlug=function(str){str=str.replace(/^\s+|\s+$/g,"");str=str.toLowerCase();var from="\xe5\xe3\xe0\xe1\xe4\xe2ẽ\xe8\xe9\xeb\xea\xec\xed\xef\xee\xf5\xf2\xf3\xf6\xf4\xf9\xfa\xfc\xfb\xf1\xe7\xb7/_,:;";var to="aaaaaaeeeeeiiiiooooouuuunc------";for(var i=0,l=from.length;i<l;i++){str=str.replace(new RegExp(from.charAt(i),"g"),to.charAt(i))}str=str.replace(/[^a-z0-9 -]/g,"").replace(/\s+/g,"-").replace(/-+/g,"-");return str};
//# sourceMappingURL=slug.js.map

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

export{};
//# sourceMappingURL=types.js.map

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

function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
import React from 'react';
import { useDebounceValue } from 'usehooks-ts';
export var useOnElementOutside = (ref, callback, dependencies, options) => {
var defaultOptions = _extends({
updateOnScroll: true,
updateOnResize: true,
delay: 50,
padding: 0
}, options);
var [isOutsideTop, setIsOutsideTop] = React.useState(false);
var [isOutsideBottom, setIsOutsideBottom] = React.useState(false);
var [isOutsideLeft, setIsOutsideLeft] = React.useState(false);
var [isOutsideRight, setIsOutsideRight] = React.useState(false);
var [scrollX, setScrollX] = useDebounceValue(0, defaultOptions.delay);
var [scrollY, setScrollY] = useDebounceValue(0, defaultOptions.delay);
var [winWidth, setWinWidth] = useDebounceValue(0, defaultOptions.delay);
var [winHeight, setWinHeight] = useDebounceValue(0, defaultOptions.delay);
var isOutside = isOutsideTop || isOutsideBottom || isOutsideLeft || isOutsideRight;
var handlePosition = () => {
if (ref.current) {
var positions = ref.current.getBoundingClientRect();
if (positions) {
var height = positions.height + defaultOptions.padding;
var width = positions.width + defaultOptions.padding;
setIsOutsideTop(positions.top < defaultOptions.padding);
setIsOutsideBottom(window.innerHeight - positions.top < height);
setIsOutsideLeft(positions.left < defaultOptions.padding);
setIsOutsideRight(window.innerWidth - positions.left < width);
}
}
};
React.useEffect(() => {
handlePosition();
}, dependencies);
React.useEffect(() => {
var handleScrollUpdate = () => {
setScrollX(window.scrollX);
setScrollY(window.scrollY);
};
if (defaultOptions.updateOnScroll) {
window.addEventListener('scroll', handleScrollUpdate);
}
return () => {
window.removeEventListener('scroll', handleScrollUpdate);
};
}, [defaultOptions.updateOnScroll]);
React.useEffect(() => {
var handleResize = () => {
setWinHeight(window.innerHeight);
setWinWidth(window.innerWidth);
};
if (defaultOptions.updateOnResize) {
window.addEventListener('resize', handleResize);
}
return () => {
window.removeEventListener('resize', handleResize);
};
}, [defaultOptions.updateOnResize]);
React.useEffect(() => {
if (defaultOptions.updateOnScroll) {
handlePosition();
}
}, [scrollX, scrollY, defaultOptions == null ? void 0 : defaultOptions.updateOnScroll]);
React.useEffect(() => {
if (defaultOptions.updateOnResize) {
handlePosition();
}
}, [winHeight, winWidth, defaultOptions == null ? void 0 : defaultOptions.updateOnResize]);
React.useEffect(() => {
callback({
isOutside,
isOutsideTop,
isOutsideBottom,
isOutsideLeft,
isOutsideRight
});
}, [isOutside, isOutsideTop, isOutsideBottom, isOutsideLeft, isOutsideRight]);
};
function _array_like_to_array(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _array_with_holes(arr){if(Array.isArray(arr))return arr}function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _iterable_to_array_limit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break}}catch(err){_d=true;_e=err}finally{try{if(!_n&&_i["return"]!=null)_i["return"]()}finally{if(_d)throw _e}}return _arr}function _non_iterable_rest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function _sliced_to_array(arr,i){return _array_with_holes(arr)||_iterable_to_array_limit(arr,i)||_unsupported_iterable_to_array(arr,i)||_non_iterable_rest()}function _unsupported_iterable_to_array(o,minLen){if(!o)return;if(typeof o==="string")return _array_like_to_array(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _array_like_to_array(o,minLen)}import React from"react";import{useDebounceValue}from"usehooks-ts";export var useOnElementOutside=function(ref,callback,dependencies,options){var defaultOptions=_object_spread({updateOnScroll:true,updateOnResize:true,delay:50,padding:0},options);var _React_useState=_sliced_to_array(React.useState(false),2),isOutsideTop=_React_useState[0],setIsOutsideTop=_React_useState[1];var _React_useState1=_sliced_to_array(React.useState(false),2),isOutsideBottom=_React_useState1[0],setIsOutsideBottom=_React_useState1[1];var _React_useState2=_sliced_to_array(React.useState(false),2),isOutsideLeft=_React_useState2[0],setIsOutsideLeft=_React_useState2[1];var _React_useState3=_sliced_to_array(React.useState(false),2),isOutsideRight=_React_useState3[0],setIsOutsideRight=_React_useState3[1];var _useDebounceValue=_sliced_to_array(useDebounceValue(0,defaultOptions.delay),2),scrollX=_useDebounceValue[0],setScrollX=_useDebounceValue[1];var _useDebounceValue1=_sliced_to_array(useDebounceValue(0,defaultOptions.delay),2),scrollY=_useDebounceValue1[0],setScrollY=_useDebounceValue1[1];var _useDebounceValue2=_sliced_to_array(useDebounceValue(0,defaultOptions.delay),2),winWidth=_useDebounceValue2[0],setWinWidth=_useDebounceValue2[1];var _useDebounceValue3=_sliced_to_array(useDebounceValue(0,defaultOptions.delay),2),winHeight=_useDebounceValue3[0],setWinHeight=_useDebounceValue3[1];var isOutside=isOutsideTop||isOutsideBottom||isOutsideLeft||isOutsideRight;var handlePosition=function(){if(ref.current){var positions=ref.current.getBoundingClientRect();if(positions){var height=positions.height+defaultOptions.padding;var width=positions.width+defaultOptions.padding;setIsOutsideTop(positions.top<defaultOptions.padding);setIsOutsideBottom(window.innerHeight-positions.top<height);setIsOutsideLeft(positions.left<defaultOptions.padding);setIsOutsideRight(window.innerWidth-positions.left<width)}}};React.useEffect(function(){handlePosition()},dependencies);React.useEffect(function(){var handleScrollUpdate=function(){setScrollX(window.scrollX);setScrollY(window.scrollY)};if(defaultOptions.updateOnScroll){window.addEventListener("scroll",handleScrollUpdate)}return function(){window.removeEventListener("scroll",handleScrollUpdate)}},[defaultOptions.updateOnScroll]);React.useEffect(function(){var handleResize=function(){setWinHeight(window.innerHeight);setWinWidth(window.innerWidth)};if(defaultOptions.updateOnResize){window.addEventListener("resize",handleResize)}return function(){window.removeEventListener("resize",handleResize)}},[defaultOptions.updateOnResize]);React.useEffect(function(){if(defaultOptions.updateOnScroll){handlePosition()}},[scrollX,scrollY,defaultOptions===null||defaultOptions===void 0?void 0:defaultOptions.updateOnScroll]);React.useEffect(function(){if(defaultOptions.updateOnResize){handlePosition()}},[winHeight,winWidth,defaultOptions===null||defaultOptions===void 0?void 0:defaultOptions.updateOnResize]);React.useEffect(function(){callback({isOutside:isOutside,isOutsideTop:isOutsideTop,isOutsideBottom:isOutsideBottom,isOutsideLeft:isOutsideLeft,isOutsideRight:isOutsideRight})},[isOutside,isOutsideTop,isOutsideBottom,isOutsideLeft,isOutsideRight])};
//# sourceMappingURL=use-on-element-outside.js.map

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

/* eslint-disable @typescript-eslint/no-explicit-any */
import { isArray, isObject } from './';
export function walkObject(target, predicate) {
function inner(value, path) {
if (path === void 0) {
path = [];
}
if (isArray(value)) {
return value.map((item, index) => inner(item, [...path, String(index)]));
}
if (isObject(value)) {
return Object.fromEntries(Object.entries(value).map(_ref => {
var [key, child] = _ref;
return [key, inner(child, [...path, key])];
}));
}
return predicate(value, path);
}
return inner(target);
}
function _array_like_to_array(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _array_with_holes(arr){if(Array.isArray(arr))return arr}function _array_without_holes(arr){if(Array.isArray(arr))return _array_like_to_array(arr)}function _iterable_to_array(iter){if(typeof Symbol!=="undefined"&&iter[Symbol.iterator]!=null||iter["@@iterator"]!=null)return Array.from(iter)}function _iterable_to_array_limit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break}}catch(err){_d=true;_e=err}finally{try{if(!_n&&_i["return"]!=null)_i["return"]()}finally{if(_d)throw _e}}return _arr}function _non_iterable_rest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _non_iterable_spread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _sliced_to_array(arr,i){return _array_with_holes(arr)||_iterable_to_array_limit(arr,i)||_unsupported_iterable_to_array(arr,i)||_non_iterable_rest()}function _to_consumable_array(arr){return _array_without_holes(arr)||_iterable_to_array(arr)||_unsupported_iterable_to_array(arr)||_non_iterable_spread()}function _unsupported_iterable_to_array(o,minLen){if(!o)return;if(typeof o==="string")return _array_like_to_array(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _array_like_to_array(o,minLen)}import{isArray,isObject}from"./";export function walkObject(target,predicate){function inner(value){var path=arguments.length>1&&arguments[1]!==void 0?arguments[1]:[];if(isArray(value)){return value.map(function(item,index){return inner(item,_to_consumable_array(path).concat([String(index)]))})}if(isObject(value)){return Object.fromEntries(Object.entries(value).map(function(param){var _param=_sliced_to_array(param,2),key=_param[0],child=_param[1];return[key,inner(child,_to_consumable_array(path).concat([key]))]}))}return predicate(value,path)}return inner(target)}
//# sourceMappingURL=walk-object.js.map

@@ -9,2 +9,2 @@ import React from 'react';

export declare function getValidChildren(children: React.ReactNode): React.ReactElement[];
export declare const addPropsToChildren: <T extends {}>(children: React.ReactNode, props: T) => React.ReactNode;
export declare const addPropsToChildren: <T extends object>(children: React.ReactNode, props: T) => React.ReactNode;
import type { Dict } from './types';
export declare function omit<T extends Dict, K extends keyof T>(object: T, keys: K[]): Omit<T, K>;
export declare function pick<T extends Dict, K extends keyof T>(object: T, keys: K[]): { [P in K]: T[P]; };
export declare function deepmerge<T1, T2>(target: Partial<T1> & any, source: Partial<T2> & any, options?: {
export declare function deepmerge<T1 extends object, T2 extends object>(target: Partial<T1>, source: Partial<T2>, options?: {
clone: boolean;
}): any;
}): Partial<T1 & T2>;
{
"name": "@sk-web-gui/utils",
"version": "2.1.0",
"version": "2.2.0",
"sideEffects": false,

@@ -13,2 +13,3 @@ "license": "MIT",

"require": "./dist/cjs/index.js",
"types": "./dist/types/index.d.ts",
"default": "./dist/esm/index.js"

@@ -26,16 +27,15 @@ }

"start": "nodemon --watch src --exec yarn build -e ts,tsx",
"build": "concurrently yarn:build:*",
"build": "yarn build:types && yarn build:esm && yarn build:cjs",
"test": "jest --env=jsdom --passWithNoTests",
"lint": "concurrently yarn:lint:*",
"version": "yarn build",
"build:esm": "cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps",
"build:cjs": "cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps",
"build:esm": "swc src -d dist/esm --config-file ../../.swcrc.esm",
"build:cjs": "swc src -d dist/cjs --config-file ../../.swcrc",
"build:types": "tsc -p ./tsconfig.production.json --emitDeclarationOnly --declaration --declarationDir dist/types",
"test:cov": "yarn test --coverage",
"lint:src": "eslint src --ext .ts,.tsx --config ../../.eslintrc",
"lint:types": "tsc --noEmit"
"lint:src": "eslint src"
},
"devDependencies": {
"@types/color-string": "^1.5.5",
"react": "^18.2.0"
"react": "^18.3.1"
},

@@ -48,5 +48,5 @@ "dependencies": {

"peerDependencies": {
"react": ">=18.2.0"
"react": ">=18.3.1"
},
"gitHead": "c77fabf4bbde4adb7dc5f940593864f24cd42482"
"gitHead": "75356e0c4d09e17cba651439b35843cc3c386191"
}

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

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

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc