@onesy/ui-react 1.0.131 → 1.0.133

package/esm/Weather/Weather.js

@@ -30,24 +30,21 @@ const IconWeather = /*#__PURE__*/React.forwardRef((props, ref) => {
   return /*#__PURE__*/React.createElement(Surface, {
     tonal: tonal,
     color: color_
-  }, _ref => {
-    let {
+  }, ({
+    color,
+    backgroundColor
+  }) => /*#__PURE__*/React.createElement("svg", _extends({
+    ref: ref,
+    viewBox: "0 0 177 178",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, other, {
+    style: _objectSpread(_objectSpread({}, style), {}, {
       color,
-      backgroundColor
-    } = _ref;
-    return /*#__PURE__*/React.createElement("svg", _extends({
-      ref: ref,
-      viewBox: "0 0 177 178",
-      xmlns: "http://www.w3.org/2000/svg"
-    }, other, {
-      style: _objectSpread(_objectSpread({}, style), {}, {
-        color,
-        fill: backgroundColor
-      })
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M93.964 1.5C85.944 3.181 78.964 4.033 66.185 12.689C62.393 14.903 52.521 23.956 36.901 39.544C15.559 60.841 12.951 63.812 9.244 71.058C2.449 84.337 0.5 92.138 0.5 106.058C0.5 115.812 0.935 119.455 2.826 125.523C10.658 150.657 27.954 167.964 52.964 175.692C59.053 177.573 62.722 178.008 72.464 178C86.543 177.99 93.354 176.43 105.964 170.329C114.063 166.411 115.649 165.033 139.556 141.138C162.652 118.054 166.644 113.063 170.5 105.504C175.5 93.058 176.964 86.676 176.964 74.212C176.964 61.815 175.094 53.787 169.473 42.058C160.683 23.716 143.356 9.513 123.082 4.033C114.951 1.835 101.984 -0.181001 93.964 1.5Z"
-    }));
-  });
+      fill: backgroundColor
+    })
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M93.964 1.5C85.944 3.181 78.964 4.033 66.185 12.689C62.393 14.903 52.521 23.956 36.901 39.544C15.559 60.841 12.951 63.812 9.244 71.058C2.449 84.337 0.5 92.138 0.5 106.058C0.5 115.812 0.935 119.455 2.826 125.523C10.658 150.657 27.954 167.964 52.964 175.692C59.053 177.573 62.722 178.008 72.464 178C86.543 177.99 93.354 176.43 105.964 170.329C114.063 166.411 115.649 165.033 139.556 141.138C162.652 118.054 166.644 113.063 170.5 105.504C175.5 93.058 176.964 86.676 176.964 74.212C176.964 61.815 175.094 53.787 169.473 42.058C160.683 23.716 143.356 9.513 123.082 4.033C114.951 1.835 101.984 -0.181001 93.964 1.5Z"
+  })));
 });
 const useStyle = styleMethod(theme => ({
   root: {

package/esm/Whiteboard/Whiteboard.js

@@ -175,10 +175,7 @@ const Whiteboard = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const onChange = React.useCallback(() => {
     if (is('function', onChangeProps)) onChangeProps(refs.items.current);
   }, [onChangeProps]);
-  const getItems = React.useCallback(function () {
-    let selected = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : undefined;
-    return refs.items.current.filter(item => selected === undefined || item.se === selected);
-  }, []);
+  const getItems = React.useCallback((selected = undefined) => refs.items.current.filter(item => selected === undefined || item.se === selected), []);
   const getItem = React.useCallback(() => refs.items.current[refs.items.current.length - 1], []);
   const filterItems = React.useCallback(() => {
     const toRemove = refs.items.current.filter(item => {

package/esm/WindowSplit/WindowSplit.js

@@ -246,8 +246,7 @@ const WindowSplit = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const onMouseDown = React.useCallback(() => {
     setMouseDown(true);
   }, []);
-  const move = function () {
-    let forward_ = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  const move = (forward_ = true) => {
     let forward = forward_;
     if (refs.orientation.current === 'horizontal') {
       if (refs.direction.current === 'rtl') forward = !forward;

package/esm/Zoom/Zoom.js

@@ -86,8 +86,7 @@ const Zoom = /*#__PURE__*/React.forwardRef((props_, ref) => {
     };
     return allStyles[status];
   };
-  const duration = function (status) {
-    let property = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'transform';
+  const duration = (status, property = 'transform') => {
     const properties = {
       transform: theme.transitions.duration.xs
     };

package/esm/index.js

@@ -1,4 +1,4 @@
-/** @license UiReact v1.0.130
+/** @license UiReact v1.0.132
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/esm/useForm/useForm.js

@@ -54,12 +54,9 @@ const useForm = props => {
     // init
     init();
   }, []);
-  const onChange = async function () {
+  const onChange = async (...args) => {
     const formNew = _objectSpread({}, refs.form.current);
     const value = {};
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
     const valuesArgs = is('array', args[0]) ? args[0] : [args];
     const options = valuesArgs[0][3] || {};
     const rerenderOnUpdate_ = options.rerenderOnUpdate !== undefined ? options.rerenderOnUpdate : rerenderOnUpdate;

package/esm/useLocation/useLocation.js

@@ -8,8 +8,7 @@ const useLocation = props => {
   const {} = props || {};
   const locationReactRouterDOM = isEnvironment('browser') && !window.navigation ? useLocationReactRouterDOM() : undefined;
   const [response, setResponse] = React.useState(isEnvironment('browser') ? _objectSpread({}, window.location) : {});
-  const onUpdate = React.useCallback(debounce(function () {
-    let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _objectSpread({}, window.location);
+  const onUpdate = React.useCallback(debounce((value = _objectSpread({}, window.location)) => {
     setResponse(value);
   }, 40), []);
 

package/esm/useSwipe/useSwipe.js

@@ -7,8 +7,7 @@ const optionsDefault = {
   flick: true,
   flickTreshold: 140
 };
-const useSwipe = function (element) {
-  let options_ = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+const useSwipe = (element, options_ = {}) => {
   const [response, setResponse] = React.useState();
   const [touch, setTouch] = React.useState(false);
   const options = merge(options_, optionsDefault);

package/esm/utils.js

@@ -154,9 +154,7 @@ export const line = (pointA, pointB) => {
     angle: Math.atan2(lengthY, lengthX)
   };
 };
-export const controlPoint = function (current, previous_, next_) {
-  let reverse = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-  let smoothRatio = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0.14;
+export const controlPoint = (current, previous_, next_, reverse = false, smoothRatio = 0.14) => {
   const previous = previous_ || current;
   const next = next_ || current;
   const opposed = line(previous, next);
@@ -169,10 +167,7 @@ export const controlPoint = function (current, previous_, next_) {
   const y = current[1] + Math.sin(angle) * length;
   return [x, y];
 };
-export const minMaxBetweenNumbers = function () {
-  let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 10;
-  let min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-  let max = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 100;
+export const minMaxBetweenNumbers = (value = 10, min = 0, max = 100) => {
   const part = (max - min) / (value - 1);
   const values = [min];
   for (let i = 0; i < value - 2; i++) values.push(values[values.length - 1] + part);
@@ -213,9 +208,14 @@ export const importIframeStyles = iframeDocument => {
     iframeDocument.head.append(style);
   }
 };
-export const getOverflowParent = element => {
+export const getOverflowParent = (element, vertical = true) => {
   if (!element) return;
-  if (element.scrollHeight > element.clientHeight) return element;
+
+  // height
+  if (vertical && element.scrollHeight > element.clientHeight) return element;
+
+  // width
+  if (!vertical && element.scrollWidth > element.clientWidth) return element;
   return getOverflowParent(element.parentElement);
 };
 export const keyboardStandardCommands = ['a', 'c', 'v', 'y', 'z'];
@@ -299,10 +299,7 @@ if (isEnvironment('browser')) {
     };
   }
 }
-export const toNumber = function (item) {
-  let valueDefault = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-  return (is('number', item) ? item : +String(item).match(/\d+.?\d+/)?.[0]) || valueDefault;
-};
+export const toNumber = (item, valueDefault = 0) => (is('number', item) ? item : +String(item).match(/\d+.?\d+/)?.[0]) || valueDefault;
 export const formats = {
   entire: 'DD MMM, YYYY [at] h:mm a',
   date: 'DD MMM, YYYY',

package/index.js

@@ -1,4 +1,4 @@
-/** @license UiReact v1.0.130
+/** @license UiReact v1.0.132
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -4050,5 +4050,4 @@ Object.keys(_CookieBanner).forEach(function (key) {
     }
   });
 });
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onesy/ui-react",
-  "version": "1.0.131",
+  "version": "1.0.133",
   "description": "UI for React",
   "repository": "https://github.com/onesy-me/onesy.git",
   "author": "Lazar Erić <lazareric1@proton.me>",
@@ -38,11 +38,11 @@
   "dependencies": {
     "@onesy/date": "^1.0.2",
     "@onesy/errors": "^1.0.0",
-    "@onesy/icons-material-rounded-react": "1.0.5",
+    "@onesy/icons-material-rounded-react": "^1.0.5",
     "@onesy/log": "^1.0.1",
     "@onesy/models": "^1.0.0",
     "@onesy/subscription": "^1.0.0",
-    "@onesy/utils": "^1.0.12",
+    "@onesy/utils": "^1.0.19",
     "webm-duration-fix": "^1.0.4"
   },
   "publishConfig": {

package/types.d.ts

@@ -1,29 +1,29 @@
 /// <reference types="react" />
 import { IBreakpoint, TPaletteVersion } from '@onesy/style-react';
-export declare type IPoint = [number, number];
-export declare type ITonal = true | false | 'secondary';
-declare type RGB = `rgb(${number}, ${number}, ${number})`;
-declare type RGBA = `rgba(${number}, ${number}, ${number}, ${number})`;
-declare type HSL = `hsl(${number}, ${number}, ${number})`;
-declare type HSLA = `hsla(${number}, ${number}, ${number}, ${number})`;
-declare type HEX = `#${string}`;
-declare type Color = RGB | RGBA | HSL | HSLA | HEX;
-export declare type IColor = 'default' | 'themed' | 'inverted' | 'inherit' | TPaletteVersion | Color;
-export declare type IVersion = 'filled' | 'outlined' | 'outlined-without-background' | 'text';
-export declare type ISize = 'small' | 'regular' | 'large';
-export declare type ISizeExtended = 'very small' | 'small' | 'regular' | 'medium' | 'large' | 'very large';
-export declare type ISizeAny = ISize | number;
-export declare type ISizeExtendedAny = ISizeExtended | number;
-export declare type IElevation = 0 | 1 | 2 | 3 | 4 | 6 | 8 | 9 | 12 | 16 | 24;
-export declare type IElementReference = string | React.FC<any> | (React.ForwardRefExoticComponent<any>);
-export declare type IElement = React.ReactNode | React.ReactNode[] | React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-export declare type IElementAny = IElement | string | number | boolean | null | undefined;
-export declare type IHTMLElement = Element | HTMLElement;
-export declare type IPropsAny = Record<string, any>;
-export declare type IStyle = React.CSSProperties | undefined;
-export declare type IChildren = React.ReactNode | React.ReactNode[];
-export declare type IRef = React.MutableRefObject<any>;
-export declare type IBaseElement<P = {}, T = HTMLElement> = Omit<React.HTMLAttributes<T>, 'onClick' | 'onChange' | 'onInput' | 'onKeyDown' | 'onMouseEnter' | 'onMouseLeave' | 'onDoubleClick' | 'onSubmit'> & {
+export type IPoint = [number, number];
+export type ITonal = true | false | 'secondary';
+type RGB = `rgb(${number}, ${number}, ${number})`;
+type RGBA = `rgba(${number}, ${number}, ${number}, ${number})`;
+type HSL = `hsl(${number}, ${number}, ${number})`;
+type HSLA = `hsla(${number}, ${number}, ${number}, ${number})`;
+type HEX = `#${string}`;
+type Color = RGB | RGBA | HSL | HSLA | HEX;
+export type IColor = 'default' | 'themed' | 'inverted' | 'inherit' | TPaletteVersion | Color;
+export type IVersion = 'filled' | 'outlined' | 'outlined-without-background' | 'text';
+export type ISize = 'small' | 'regular' | 'large';
+export type ISizeExtended = 'very small' | 'small' | 'regular' | 'medium' | 'large' | 'very large';
+export type ISizeAny = ISize | number;
+export type ISizeExtendedAny = ISizeExtended | number;
+export type IElevation = 0 | 1 | 2 | 3 | 4 | 6 | 8 | 9 | 12 | 16 | 24;
+export type IElementReference = string | React.FC<any> | (React.ForwardRefExoticComponent<any>);
+export type IElement = React.ReactNode | React.ReactNode[] | React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export type IElementAny = IElement | string | number | boolean | null | undefined;
+export type IHTMLElement = Element | HTMLElement;
+export type IPropsAny = Record<string, any>;
+export type IStyle = React.CSSProperties | undefined;
+export type IChildren = React.ReactNode | React.ReactNode[];
+export type IRef = React.MutableRefObject<any>;
+export type IBaseElement<P = {}, T = HTMLElement> = Omit<React.HTMLAttributes<T>, 'onClick' | 'onChange' | 'onInput' | 'onKeyDown' | 'onMouseEnter' | 'onMouseLeave' | 'onDoubleClick' | 'onSubmit'> & {
     tonal?: ITonal;
     color?: IColor;
     size?: ISizeAny;
@@ -41,9 +41,9 @@ export declare type IBaseElement<P = {}, T = HTMLElement> = Omit<React.HTMLAttri
     Component?: any;
     ref?: any;
 } & P;
-export declare type IMethodTransition = (element?: IHTMLElement) => any;
-export declare type IValueBreakpoints = IBreakpoint | 'default';
-export declare type IMediaObject = {
+export type IMethodTransition = (element?: IHTMLElement) => any;
+export type IValueBreakpoints = IBreakpoint | 'default';
+export type IMediaObject = {
     id?: string;
     name?: string;
     mime?: string;

package/useForm/useForm.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IValidateVales } from './validate';
-export declare type IUseForm = {
+export type IUseForm = {
     values: IValidateVales;
     validate?: (values: IValidateVales, form: any) => boolean;
     rerenderOnUpdate?: boolean;
@@ -8,7 +8,7 @@ export declare type IUseForm = {
     valueDefault?: any;
     validDefault?: boolean;
 };
-export declare type IUseFormOnChangeOptions = {
+export type IUseFormOnChangeOptions = {
     rerenderOnUpdate?: boolean;
 };
 declare const useForm: (props: IUseForm) => {

package/useForm/validate.d.ts

@@ -1,31 +1,31 @@
 import { TIsType, IOptions as IIsOptions } from '@onesy/utils/is';
 import { TIsValidType, IOptions as IIsValidOptions } from '@onesy/utils/isValid';
-export declare type IValidateOptions = {
+export type IValidateOptions = {
     message?: string;
     uriDecode?: boolean;
     parse?: boolean;
     l?: any;
 };
-export declare type IValidateModelValueIs = {
+export type IValidateModelValueIs = {
     type?: TIsType;
     options?: IIsOptions;
 };
-export declare type IValidateModelValueIsValid = {
+export type IValidateModelValueIsValid = {
     type?: TIsValidType;
     options?: IIsValidOptions;
 };
-export declare type IValidateModelValueMethodOptions = {
+export type IValidateModelValueMethodOptions = {
     form: IForm;
     property: string;
     object: IValidateModelValue;
     options: IValidateOptions;
 };
-export declare type IValidateModelValueMethod = (value: any, options: IValidateModelValueMethodOptions) => Promise<any> | any;
-export declare type IValidateModelValueValidations = 'required' | 'is' | 'isValid' | 'of' | 'ofValid' | 'equal' | 'notEqual' | 'equalDeep' | 'notEqualDeep' | 'some' | 'in' | 'every' | 'properties' | 'notProperties' | 'min' | 'max' | 'length' | 'method';
-export declare type IValidateModelMessages = {
+export type IValidateModelValueMethod = (value: any, options: IValidateModelValueMethodOptions) => Promise<any> | any;
+export type IValidateModelValueValidations = 'required' | 'is' | 'isValid' | 'of' | 'ofValid' | 'equal' | 'notEqual' | 'equalDeep' | 'notEqualDeep' | 'some' | 'in' | 'every' | 'properties' | 'notProperties' | 'min' | 'max' | 'length' | 'method';
+export type IValidateModelMessages = {
     [p in IValidateModelValueValidations]?: string;
 };
-export declare type IValidateModelValue = {
+export type IValidateModelValue = {
     name?: string;
     value?: any;
     message?: string;
@@ -53,14 +53,14 @@ export declare type IValidateModelValue = {
     capitalize?: boolean;
     propertyNameUpdate?: (value: any) => string;
 };
-export declare type IUseFormValues = Record<string, IValidateModelValue>;
-export declare type IForm = {
+export type IUseFormValues = Record<string, IValidateModelValue>;
+export type IForm = {
     value: any;
     values: IUseFormValues;
     valid: boolean;
 };
-export declare type IValidateValidation = (property: IValidateModelValue, form: IForm) => void | Error | Promise<void | Error>;
-export declare type IValidateVales = Record<string, IValidateModelValue>;
+export type IValidateValidation = (property: IValidateModelValue, form: IForm) => void | Error | Promise<void | Error>;
+export type IValidateVales = Record<string, IValidateModelValue>;
 export declare const onValidateError: (options: IValidateOptions, model: IValidateModelValue, message?: any) => never;
 declare const validate: (model: IValidateModelValue, property: string, form: IForm, options_?: IValidateOptions) => Promise<void>;
 export default validate;

package/useForm/validate.js

@@ -133,13 +133,13 @@ const validate = async (model, property, form, options_) => {
   if ((0, _is.default)('array', model.some)) {
     let response;
     if ((0, _is.default)('string', value)) {
-      var _model$messages10;
+      var _model$messages0;
       response = !!model.some.find(item => (0, _utils.equalDeep)(value, item));
-      if (!response) onValidateError(options, model, ((_model$messages10 = model.messages) === null || _model$messages10 === void 0 ? void 0 : _model$messages10.some) || `${name} ${l('has to be one of')} ${model.some.map(item => (0, _utils.stringify)(item)).join(', ')}`);
+      if (!response) onValidateError(options, model, ((_model$messages0 = model.messages) === null || _model$messages0 === void 0 ? void 0 : _model$messages0.some) || `${name} ${l('has to be one of')} ${model.some.map(item => (0, _utils.stringify)(item)).join(', ')}`);
     } else if ((0, _is.default)('array', value)) {
-      var _model$messages11;
+      var _model$messages1;
       response = value.some(item => !!model.some.find(item_ => (0, _utils.equalDeep)(item, item_)));
-      if (!response) onValidateError(options, model, ((_model$messages11 = model.messages) === null || _model$messages11 === void 0 ? void 0 : _model$messages11.some) || `${name} ${l('has to include some of')} ${model.some.map(item => (0, _utils.stringify)(item)).join(', ')}`);
+      if (!response) onValidateError(options, model, ((_model$messages1 = model.messages) === null || _model$messages1 === void 0 ? void 0 : _model$messages1.some) || `${name} ${l('has to include some of')} ${model.some.map(item => (0, _utils.stringify)(item)).join(', ')}`);
     }
   }
 
@@ -149,32 +149,32 @@ const validate = async (model, property, form, options_) => {
   if ((0, _is.default)('array', every)) {
     let response;
     if ((0, _is.default)('string', value)) {
-      var _model$messages12, _model$messages13;
+      var _model$messages10, _model$messages11;
       response = !!every.find(item => (0, _utils.equalDeep)(value, item));
-      if (!response) onValidateError(options, model, ((_model$messages12 = model.messages) === null || _model$messages12 === void 0 ? void 0 : _model$messages12.in) || ((_model$messages13 = model.messages) === null || _model$messages13 === void 0 ? void 0 : _model$messages13.every) || `${name} ${l('has to be one of')} ${every.map(item => (0, _utils.stringify)(item)).join(', ')}`);
+      if (!response) onValidateError(options, model, ((_model$messages10 = model.messages) === null || _model$messages10 === void 0 ? void 0 : _model$messages10.in) || ((_model$messages11 = model.messages) === null || _model$messages11 === void 0 ? void 0 : _model$messages11.every) || `${name} ${l('has to be one of')} ${every.map(item => (0, _utils.stringify)(item)).join(', ')}`);
     } else if ((0, _is.default)('array', value)) {
-      var _model$messages14, _model$messages15;
+      var _model$messages12, _model$messages13;
       response = value.every(item => !!every.find(item_ => (0, _utils.equalDeep)(item, item_)));
-      if (!response) onValidateError(options, model, ((_model$messages14 = model.messages) === null || _model$messages14 === void 0 ? void 0 : _model$messages14.in) || ((_model$messages15 = model.messages) === null || _model$messages15 === void 0 ? void 0 : _model$messages15.every) || `${name} ${l('has to include one of')} ${every.map(item => (0, _utils.stringify)(item)).join(', ')}`);
+      if (!response) onValidateError(options, model, ((_model$messages12 = model.messages) === null || _model$messages12 === void 0 ? void 0 : _model$messages12.in) || ((_model$messages13 = model.messages) === null || _model$messages13 === void 0 ? void 0 : _model$messages13.every) || `${name} ${l('has to include one of')} ${every.map(item => (0, _utils.stringify)(item)).join(', ')}`);
     }
   }
 
   // properties
   if ((0, _is.default)('array', model.properties)) {
-    var _model$messages16;
+    var _model$messages14;
     const allowed = model.properties;
     const keys = Object.keys(value);
     const response = keys.every(item => allowed.includes(item));
-    if (!response) onValidateError(options, model, ((_model$messages16 = model.messages) === null || _model$messages16 === void 0 ? void 0 : _model$messages16.properties) || `${name} ${l('allowed properties are')} ${allowed.join(', ')}`);
+    if (!response) onValidateError(options, model, ((_model$messages14 = model.messages) === null || _model$messages14 === void 0 ? void 0 : _model$messages14.properties) || `${name} ${l('allowed properties are')} ${allowed.join(', ')}`);
   }
 
   // not properties
   if ((0, _is.default)('array', model.notProperties)) {
-    var _model$messages17;
+    var _model$messages15;
     const notAllowed = model.notProperties;
     const keys = Object.keys(value);
     const response = keys.every(item => !notAllowed.includes(item));
-    if (!response) onValidateError(options, model, ((_model$messages17 = model.messages) === null || _model$messages17 === void 0 ? void 0 : _model$messages17.notProperties) || `${name} ${l('includes not allowed property')}. ${l('Not allowed properties are')} ${notAllowed.join(', ')}`);
+    if (!response) onValidateError(options, model, ((_model$messages15 = model.messages) === null || _model$messages15 === void 0 ? void 0 : _model$messages15.notProperties) || `${name} ${l('includes not allowed property')}. ${l('Not allowed properties are')} ${notAllowed.join(', ')}`);
   }
 
   // min
@@ -192,19 +192,19 @@ const validate = async (model, property, form, options_) => {
       length = (value === null || value === void 0 ? void 0 : value.length) !== undefined ? value === null || value === void 0 ? void 0 : value.length : value === null || value === void 0 ? void 0 : value.size;
     }
     if ((0, _is.default)('number', model.min)) {
-      var _model$messages18;
+      var _model$messages16;
       const response = length >= model.min;
-      if (!response) onValidateError(options, model, ((_model$messages18 = model.messages) === null || _model$messages18 === void 0 ? void 0 : _model$messages18.min) || `${name} ${l('has to be minimum')} ${model.min}`);
+      if (!response) onValidateError(options, model, ((_model$messages16 = model.messages) === null || _model$messages16 === void 0 ? void 0 : _model$messages16.min) || `${name} ${l('has to be minimum')} ${model.min}`);
     }
     if ((0, _is.default)('number', model.max)) {
-      var _model$messages19;
+      var _model$messages17;
       const response = length <= model.max;
-      if (!response) onValidateError(options, model, ((_model$messages19 = model.messages) === null || _model$messages19 === void 0 ? void 0 : _model$messages19.max) || `${name} ${l('can be maximum')} ${model.max}`);
+      if (!response) onValidateError(options, model, ((_model$messages17 = model.messages) === null || _model$messages17 === void 0 ? void 0 : _model$messages17.max) || `${name} ${l('can be maximum')} ${model.max}`);
     }
     if ((0, _is.default)('number', model.length)) {
-      var _model$messages20;
+      var _model$messages18;
       const response = length === model.length;
-      if (!response) onValidateError(options, model, ((_model$messages20 = model.messages) === null || _model$messages20 === void 0 ? void 0 : _model$messages20.length) || `${name} ${l('has to be exactly')} ${model.length} ${l('in length/size')}`);
+      if (!response) onValidateError(options, model, ((_model$messages18 = model.messages) === null || _model$messages18 === void 0 ? void 0 : _model$messages18.length) || `${name} ${l('has to be exactly')} ${model.length} ${l('in length/size')}`);
     }
   }
 
@@ -223,9 +223,9 @@ const validate = async (model, property, form, options_) => {
         if (!response) throw new _errors.ValidationError(`${name} ${l('is invalid')}`);
       }
     } catch (error) {
-      var _model$messages21;
+      var _model$messages19;
       const messageValue = (error === null || error === void 0 ? void 0 : error.message) !== undefined ? error.message : error;
-      onValidateError(options, model, ((_model$messages21 = model.messages) === null || _model$messages21 === void 0 ? void 0 : _model$messages21.method) || messageValue);
+      onValidateError(options, model, ((_model$messages19 = model.messages) === null || _model$messages19 === void 0 ? void 0 : _model$messages19.method) || messageValue);
     }
   }
 };

package/useLocation/useLocation.d.ts

@@ -1,4 +1,4 @@
-export declare type IUseLocation = {};
+export type IUseLocation = {};
 declare const useLocation: {
     (props?: IUseLocation): Location;
     displayName: string;

package/useMediaQuery/useMediaQuery.d.ts

@@ -1,4 +1,4 @@
-export declare type IOptionsUseMediaQuery = {
+export type IOptionsUseMediaQuery = {
     element?: any;
     initial?: boolean;
 };

package/useScroll/useScroll.d.ts

@@ -1,5 +1,5 @@
-export declare type TUseScrollDirection = 'up' | 'down';
-export declare type IUseScroll = {
+export type TUseScrollDirection = 'up' | 'down';
+export type IUseScroll = {
     offset?: number;
     direction?: TUseScrollDirection;
     target?: HTMLElement | Window;

package/useSwipe/useSwipe.d.ts

@@ -1,4 +1,4 @@
-export declare type IOptionsUseSwipe = {
+export type IOptionsUseSwipe = {
     open?: boolean;
     min?: number;
     direction?: 'top' | 'left' | 'right' | 'bottom';
@@ -6,7 +6,7 @@ export declare type IOptionsUseSwipe = {
     flick?: boolean;
     flickTreshold?: number;
 };
-export declare type IResponseUseSwipe = {
+export type IResponseUseSwipe = {
     value?: number;
     valuePercentage?: number;
     position?: string;

package/useVisible/useVisible.d.ts

@@ -1,8 +1,8 @@
-export declare type IUseVisibleResponse = IntersectionObserverEntry & {
+export type IUseVisibleResponse = IntersectionObserverEntry & {
     visible?: boolean;
     percentage?: number;
 };
-export declare type IUseVisible = {
+export type IUseVisible = {
     element: HTMLElement;
     visibleDefault?: boolean;
     options?: IntersectionObserverInit;

package/utils.d.ts

@@ -26,7 +26,7 @@ export declare const minMaxBetweenNumbers: (value?: number, min?: number, max?:
 export declare const sanitize: (value: string) => string;
 export declare const replace: (value: string, split: string, join: string) => string;
 export declare const importIframeStyles: (iframeDocument: Document) => void;
-export declare const getOverflowParent: (element: HTMLElement) => HTMLElement;
+export declare const getOverflowParent: (element: HTMLElement, vertical?: boolean) => HTMLElement;
 export declare const keyboardStandardCommands: string[];
 export declare const keyboardStyleCommands: string[];
 export declare const caret: any;

package/utils.js

@@ -238,9 +238,14 @@ const importIframeStyles = iframeDocument => {
   }
 };
 exports.importIframeStyles = importIframeStyles;
-const getOverflowParent = element => {
+const getOverflowParent = (element, vertical = true) => {
   if (!element) return;
-  if (element.scrollHeight > element.clientHeight) return element;
+
+  // height
+  if (vertical && element.scrollHeight > element.clientHeight) return element;
+
+  // width
+  if (!vertical && element.scrollWidth > element.clientWidth) return element;
   return getOverflowParent(element.parentElement);
 };
 exports.getOverflowParent = getOverflowParent;