@onesy/ui-react 1.0.1 → 1.0.3

package/esm/VideoPlayer/VideoPlayer.js

@@ -8,18 +8,18 @@ import React from 'react';
 import { clamp, getLeadingZerosNumber, is, isEnvironment } from '@onesy/utils';
 import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
 import { OnesyDate, duration as durationMethod } from '@onesy/date';
-import IconMaterialPlayArrow from '@amaui/icons-material-rounded-react/IconMaterialPlayArrowW100';
-import IconMaterialPause from '@amaui/icons-material-rounded-react/IconMaterialPauseW100';
-import IconMaterialForwardMedia from '@amaui/icons-material-rounded-react/IconMaterialForwardMediaW100';
-import IconMaterialVolumeDownAlt from '@amaui/icons-material-rounded-react/IconMaterialVolumeDownAltW100';
-import IconMaterialVolumeOff from '@amaui/icons-material-rounded-react/IconMaterialVolumeOffW100';
-import IconMaterialFullscreen from '@amaui/icons-material-rounded-react/IconMaterialFullscreenW100';
-import IconMaterialFullscreenExit from '@amaui/icons-material-rounded-react/IconMaterialFullscreenExitW100';
-import IconMaterialSettings from '@amaui/icons-material-rounded-react/IconMaterialSettingsW100';
-import IconMaterialTune from '@amaui/icons-material-rounded-react/IconMaterialTuneW100';
-import IconMaterialSlowMotionVideo from '@amaui/icons-material-rounded-react/IconMaterialSlowMotionVideoW100';
-import IconMaterialPictureInPictureAlt from '@amaui/icons-material-rounded-react/IconMaterialPictureInPictureAltW100';
-import IconMaterialArrowBackIos from '@amaui/icons-material-rounded-react/IconMaterialArrowBackIosW100';
+import IconMaterialPlayArrow from '@onesy/icons-material-rounded-react/IconMaterialPlayArrowW100';
+import IconMaterialPause from '@onesy/icons-material-rounded-react/IconMaterialPauseW100';
+import IconMaterialForwardMedia from '@onesy/icons-material-rounded-react/IconMaterialForwardMediaW100';
+import IconMaterialVolumeDownAlt from '@onesy/icons-material-rounded-react/IconMaterialVolumeDownAltW100';
+import IconMaterialVolumeOff from '@onesy/icons-material-rounded-react/IconMaterialVolumeOffW100';
+import IconMaterialFullscreen from '@onesy/icons-material-rounded-react/IconMaterialFullscreenW100';
+import IconMaterialFullscreenExit from '@onesy/icons-material-rounded-react/IconMaterialFullscreenExitW100';
+import IconMaterialSettings from '@onesy/icons-material-rounded-react/IconMaterialSettingsW100';
+import IconMaterialTune from '@onesy/icons-material-rounded-react/IconMaterialTuneW100';
+import IconMaterialSlowMotionVideo from '@onesy/icons-material-rounded-react/IconMaterialSlowMotionVideoW100';
+import IconMaterialPictureInPictureAlt from '@onesy/icons-material-rounded-react/IconMaterialPictureInPictureAltW100';
+import IconMaterialArrowBackIos from '@onesy/icons-material-rounded-react/IconMaterialArrowBackIosW100';
 import LineElement from '../Line';
 import SurfaceElement from '../Surface';
 import SliderElement from '../Slider';
@@ -240,25 +240,25 @@ const VideoPlayer = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const [playbackSpeed, setPlaybackSpeed] = React.useState(1);
   const [openMenu, setOpenMenu] = React.useState();
   const refs = {
-    root: React.useRef(undefined),
-    video: React.useRef(),
-    controls: React.useRef(undefined),
-    duration: React.useRef(undefined),
-    time: React.useRef(undefined),
-    play: React.useRef(undefined),
-    updating: React.useRef(undefined),
-    onPlay: React.useRef(undefined),
-    onPause: React.useRef(undefined),
-    onTimeChange: React.useRef(undefined),
-    onBackward: React.useRef(undefined),
-    onForward: React.useRef(undefined),
-    onStop: React.useRef(undefined),
-    startMediaSession: React.useRef(undefined),
-    updateMediaSession: React.useRef(undefined),
-    startMediaSessionOnPlay: React.useRef(undefined),
+    root: React.useRef(null),
+    video: React.useRef(null),
+    controls: React.useRef(null),
+    duration: React.useRef(null),
+    time: React.useRef(null),
+    play: React.useRef(null),
+    updating: React.useRef(null),
+    onPlay: React.useRef(null),
+    onPause: React.useRef(null),
+    onTimeChange: React.useRef(null),
+    onBackward: React.useRef(null),
+    onForward: React.useRef(null),
+    onStop: React.useRef(null),
+    startMediaSession: React.useRef(null),
+    updateMediaSession: React.useRef(null),
+    startMediaSessionOnPlay: React.useRef(null),
     fullScreen: React.useRef(fullScreen),
     mouseMoved: React.useRef(mouseMoved),
-    timeoutMouseMoved: React.useRef(undefined)
+    timeoutMouseMoved: React.useRef(null)
   };
   refs.duration.current = duration;
   refs.time.current = time;

package/esm/ViewSplit/ViewSplit.js

@@ -7,8 +7,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React from 'react';
 import { is, clamp, valueFromPercentageWithinRange, isEnvironment } from '@onesy/utils';
 import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
-import IconMaterialSwapHoriz from '@amaui/icons-material-rounded-react/IconMaterialSwapHorizW100';
-import IconMaterialSwapVert from '@amaui/icons-material-rounded-react/IconMaterialSwapVertW100';
+import IconMaterialSwapHoriz from '@onesy/icons-material-rounded-react/IconMaterialSwapHorizW100';
+import IconMaterialSwapVert from '@onesy/icons-material-rounded-react/IconMaterialSwapVertW100';
 import LineElement from '../Line';
 import DividerElement from '../Divider';
 import IconButtonElement from '../IconButton';

package/esm/Weather/Weather.js

@@ -8,11 +8,11 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React from 'react';
 import { is } from '@onesy/utils';
 import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
-import IconMaterialCircle from '@amaui/icons-material-rounded-react/IconMaterialCircleW100Filled';
-import IconMaterialNightlight from '@amaui/icons-material-rounded-react/IconMaterialNightlightW100Filled';
-import IconMaterialCloud from '@amaui/icons-material-rounded-react/IconMaterialCloudW100Filled';
-import IconMaterialRainy from '@amaui/icons-material-rounded-react/IconMaterialRainyW100Filled';
-import IconMaterialCloudySnowing from '@amaui/icons-material-rounded-react/IconMaterialCloudySnowingW100Filled';
+import IconMaterialCircle from '@onesy/icons-material-rounded-react/IconMaterialCircleW100Filled';
+import IconMaterialNightlight from '@onesy/icons-material-rounded-react/IconMaterialNightlightW100Filled';
+import IconMaterialCloud from '@onesy/icons-material-rounded-react/IconMaterialCloudW100Filled';
+import IconMaterialRainy from '@onesy/icons-material-rounded-react/IconMaterialRainyW100Filled';
+import IconMaterialCloudySnowing from '@onesy/icons-material-rounded-react/IconMaterialCloudySnowingW100Filled';
 import SurfaceElement from '../Surface';
 import TypeElement from '../Type';
 import FadeElement from '../Fade';

package/esm/Widgets/Widgets.js

@@ -7,8 +7,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React from 'react';
 import { is, unique } from '@onesy/utils';
 import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
-import IconMaterialClose from '@amaui/icons-material-rounded-react/IconMaterialCloseW100';
-import IconMaterialWidgets from '@amaui/icons-material-rounded-react/IconMaterialWidgetsW100';
+import IconMaterialClose from '@onesy/icons-material-rounded-react/IconMaterialCloseW100';
+import IconMaterialWidgets from '@onesy/icons-material-rounded-react/IconMaterialWidgetsW100';
 import SpeedDialElement from '../SpeedDial';
 import SpeedDialItemElement from '../SpeedDialItem';
 import TransitionElement from '../Transition';

package/esm/WindowSplit/WindowSplit.js

@@ -7,8 +7,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React from 'react';
 import { is, clamp, valueFromPercentageWithinRange, isEnvironment } from '@onesy/utils';
 import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
-import IconMaterialSwapHoriz from '@amaui/icons-material-rounded-react/IconMaterialSwapHorizW100';
-import IconMaterialSwapVert from '@amaui/icons-material-rounded-react/IconMaterialSwapVertW100';
+import IconMaterialSwapHoriz from '@onesy/icons-material-rounded-react/IconMaterialSwapHorizW100';
+import IconMaterialSwapVert from '@onesy/icons-material-rounded-react/IconMaterialSwapVertW100';
 import LineElement from '../Line';
 import DividerElement from '../Divider';
 import IconButtonElement from '../IconButton';

package/esm/index.js

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

package/esm/useScroll/useScroll.js

@@ -11,8 +11,8 @@ const useScroll = props => {
   const refs = {
     root: React.useRef(root),
     previous: React.useRef(0),
-    offset: React.useRef(),
-    direction: React.useRef(),
+    offset: React.useRef(null),
+    direction: React.useRef(null),
     response: React.useRef(response)
   };
   refs.root.current = root;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onesy/ui-react",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "UI for React",
   "repository": "https://github.com/onesy-org/onesy.git",
   "author": "Lazar <lazareric2@gmail.com>",

package/types.d.ts

@@ -1,26 +1,26 @@
 /// <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 ISizeAny = ISize | 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 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 ISizeAny = ISize | 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 interface IBaseElement {
     Component?: any;
     className?: string;
@@ -28,8 +28,8 @@ export interface IBaseElement {
     children?: IChildren;
     [property: string]: any;
 }
-export declare type IMethodTransition = (element?: IHTMLElement) => any;
-export declare type IValueBreakpoints = IBreakpoint | 'default';
+export type IMethodTransition = (element?: IHTMLElement) => any;
+export type IValueBreakpoints = IBreakpoint | 'default';
 export interface IMediaObject {
     id?: string;
     name?: string;

package/useForm/validate.d.ts

@@ -19,9 +19,9 @@ export interface IValidateModelValueMethodOptions {
     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 interface IValidateModelValue {
@@ -52,14 +52,14 @@ export interface IValidateModelValue {
     capitalize?: boolean;
     propertyNameUpdate?: (value: any) => string;
 }
-export declare type IUseFormValues = Record<string, IValidateModelValue>;
+export type IUseFormValues = Record<string, IValidateModelValue>;
 export interface 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/useScroll/useScroll.d.ts

@@ -1,4 +1,4 @@
-export declare type TUseScrollDirection = 'up' | 'down';
+export type TUseScrollDirection = 'up' | 'down';
 export interface IUseScroll {
     offset?: number;
     direction?: TUseScrollDirection;

package/useScroll/useScroll.js

@@ -11,8 +11,8 @@ const useScroll = (props) => {
     const refs = {
         root: react_1.default.useRef(root),
         previous: react_1.default.useRef(0),
-        offset: react_1.default.useRef(),
-        direction: react_1.default.useRef(),
+        offset: react_1.default.useRef(null),
+        direction: react_1.default.useRef(null),
         response: react_1.default.useRef(response)
     };
     refs.root.current = root;