@onesy/ui-react 1.0.49 → 1.0.51

package/Accordion/Accordion.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { ISurface } from '../Surface/Surface';
 import { IElement, IElementReference, IElevation, IPropsAny } from '../types';
 declare type TPadding = 'start' | 'end' | 'both' | 'none';
-export declare type IAccordion = ISurface & {
+export declare type IAccordion = Omit<ISurface, 'onChange'> & {
     elevation?: IElevation;
     primary?: IElement;
     secondary?: IElement;

package/AutoComplete/AutoComplete.d.ts

@@ -7,7 +7,7 @@ export declare type TAutoCompleteOption = {
     version?: 'text' | 'subheader';
     noOptions?: boolean;
 };
-export declare type IAutoComplete = ITextField & {
+export declare type IAutoComplete = Omit<ITextField, 'onChange'> & {
     value?: any;
     valueDefault?: any;
     onChange?: (value: any) => any;

package/Buttons/Buttons.d.ts

@@ -3,7 +3,7 @@ import { ILine } from '../Line/Line';
 import { IColor, IValueBreakpoints, IVersion } from '../types';
 export declare const IconMaterialDone: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
 export declare const IconDoneAnimated: (props: any) => import("react/jsx-runtime").JSX.Element;
-export declare type IButtons = ILine & {
+export declare type IButtons = Omit<ILine, 'onChange'> & {
     version?: IVersion;
     colorSelected?: IColor;
     value?: any;

package/Calendar/Calendar.d.ts

@@ -7,7 +7,7 @@ export declare type TGetOnesyDates = (value: TCalendarMonthValue, calendar: TCal
     value: OnesyDate;
 }>;
 export declare type TCalendarUnit = 'day' | 'month' | 'year';
-export declare type ICalendar = Omit<ISurface, 'version'> & {
+export declare type ICalendar = Omit<ISurface, 'version' | 'onChange'> & {
     version?: 'regular' | 'year';
     value?: TCalendarMonthValue;
     valueDefault?: TCalendarMonthValue;

package/CalendarMenu/CalendarMenu.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IMenu } from '../Menu/Menu';
-export declare type ICalendarMenu = IMenu & {
+export declare type ICalendarMenu = Omit<IMenu, 'onChange'> & {
     value?: any;
     onChange?: (...args: any) => any;
     dateProperty?: string;

package/CalendarMonth/CalendarMonth.d.ts

@@ -17,7 +17,7 @@ export declare type ICalendarMonthValuesValue = {
     move: 'previous' | 'next';
 };
 export declare type TCalendarMonthValues = [ICalendarMonthValuesValue, ICalendarMonthValuesValue];
-export declare type ICalenarDays = ILine & {
+export declare type ICalenarDays = Omit<ILine, 'onChange'> & {
     value?: TCalendarMonthValue;
     valueDefault?: TCalendarMonthValue;
     onChange?: (value: TCalendarMonthValue) => any;

package/Carousel/Carousel.d.ts

@@ -12,7 +12,7 @@ export declare type TCarouselItem = string | null | IElement | {
     element: IElement;
 };
 export declare type TCarouseOnUpdate = (to: string | number, values: TCarouselItem[]) => any;
-export declare type ICarousel = Omit<ISurface, 'version'> & {
+export declare type ICarousel = Omit<ISurface, 'version' | 'onChange'> & {
     version?: 'regular' | 'transition' | Partial<Record<IValueBreakpoints, 'regular' | 'transition'>>;
     valueDefault?: ICarouselValue;
     value?: ICarouselValue;

package/Chart/Chart.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { TColorValues } from '@onesy/style-react';
 import { ISurface } from '../Surface/Surface';
-import { IStyle, IElementAny, IElement, IValueBreakpoints, IPropsAny } from '../types';
+import { IStyle, IElementAny, IElement, IValueBreakpoints, IPropsAny, IColor } from '../types';
 export declare type IChartValueValues = Array<any>;
 export declare type IItemValue = {
     value: number;
@@ -11,6 +11,7 @@ export declare type IItemValue = {
     props?: any;
 };
 export declare type IChartValue = {
+    color?: IColor;
     tone?: TColorValues;
     name?: string;
     style?: IStyle;

package/Checkbox/Checkbox.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { IIconButton } from '../IconButton/IconButton';
 import { IRef, IColor } from '../types';
-export declare type ICheckbox = IIconButton & {
+export declare type ICheckbox = Omit<IIconButton, 'onChange'> & {
     inputRef?: IRef;
     colorIndeterminate?: IColor;
     colorUnchecked?: IColor;

package/Chips/Chips.js

@@ -83,7 +83,7 @@ const Chips = react_1.default.forwardRef((props_, ref) => {
                 AdditionalChipProps.TypeProps = {};
             AdditionalChipProps.TypeProps.size = '0.44em';
             children.push(AdditionalChip ||
-                (0, jsx_runtime_1.jsx)(Chip, Object.assign({ color: 'default' }, other, AdditionalChipProps, { onClick: (moreShowAll ? onClickMore : undefined) }, { children: value })));
+                (0, jsx_runtime_1.jsx)(Chip, Object.assign({ color: 'default' }, other, AdditionalChipProps, { onClick: moreShowAll ? onClickMore : undefined }, { children: value })));
         }
     }
     return ((0, jsx_runtime_1.jsx)(Line, Object.assign({ ref: ref, gap: gap, justify: justify, align: align, direction: direction, wrap: wrap, Component: Component, className: (0, style_react_1.classNames)([

package/Clock/Clock.d.ts

@@ -5,7 +5,7 @@ export declare type TClockValue = OnesyDate;
 export declare type TClockFormat = '12' | '24';
 export declare type TClockUnit = 'hour' | 'minute' | 'second';
 export declare type TClockDayTime = 'am' | 'pm';
-export declare type IClock = IRoundMeter & {
+export declare type IClock = Omit<IRoundMeter, 'onChange'> & {
     value?: TClockValue;
     valueDefault?: TClockValue;
     onChange?: (value: TClockValue) => any;

package/DatePicker/DatePicker.d.ts

@@ -6,7 +6,7 @@ import { TCalendarMonthCalendar, TCalendarMonthValue } from '../CalendarMonth/Ca
 import { IValueBreakpoints, IElement, IElementReference, IPropsAny } from '../types';
 export declare const SEPARATOR_SYMBOL = "\u2013";
 export declare const SEPARATOR: string;
-export declare type IDatePicker = ILine & {
+export declare type IDatePicker = Omit<ILine, 'onChange'> & {
     version?: 'auto' | 'mobile' | 'desktop';
     value?: TCalendarMonthValue;
     valueDefault?: TCalendarMonthValue;

package/DateTimePicker/DateTimePicker.d.ts

@@ -6,7 +6,7 @@ import { TCalendarUnit } from '../Calendar/Calendar';
 import { TClockUnit } from '../Clock/Clock';
 import { IValueBreakpoints, IElementReference, IPropsAny } from '../types';
 export declare type TDateTimePicker = OnesyDate;
-export declare type IDateTimePicker = Omit<IAdvancedTextField, 'version'> & {
+export declare type IDateTimePicker = Omit<IAdvancedTextField, 'version' | 'onChange'> & {
     version?: 'auto' | 'mobile' | 'desktop';
     value?: TCalendarMonthValue;
     valueDefault?: TCalendarMonthValue;

package/DragAndDropList/DragAndDropList.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IBaseElement } from '../types';
-export declare type IDragAndDropList = IBaseElement & {
+export declare type IDragAndDropList = Omit<IBaseElement, 'onChange'> & {
     onChange?: (indexPrevious: number, indexNew: number) => any;
     items?: any[];
     image?: boolean;

package/Drawing/Drawing.d.ts

@@ -6,7 +6,7 @@ export declare type TDrawingValue = Array<{
     stroke?: string;
     strokeWidth?: number;
 }>;
-export declare type IDrawing = ISurface & {
+export declare type IDrawing = Omit<ISurface, 'onChange' | 'onMouseDown'> & {
     render?: (element: string, props: IPropsAny, value: TDrawingValue) => IElement;
     svgRef?: IRef;
     updates?: boolean;

package/Emojis/Emojis.d.ts

@@ -10,7 +10,7 @@ export declare type IEmoji = {
     unicode: string;
     category: string;
 };
-export declare type IEmojis = IMenu & {
+export declare type IEmojis = Omit<IMenu, 'onSelect'> & {
     emojis?: IEmoji[];
     categories?: IEmojiCategory[];
     selected?: string[];

package/FileChoose/FileChoose.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { ILine } from '../Line/Line';
 import { IRef, IElementReference, IPropsAny } from '../types';
 export declare type TFileChooseValue = File | Array<File>;
-export declare type IFileChoose = ILine & {
+export declare type IFileChoose = Omit<ILine, 'onClick' | 'onChange'> & {
     inputRef?: IRef;
     max?: number;
     allowedTypes?: Array<string>;

package/HTMLCanvas/HTMLCanvas.d.ts

@@ -13,7 +13,7 @@ export declare type IHTMLCanvasOnChangeValue = {
         height: number;
     };
 };
-export declare type IHTMLCanvas = IBaseElement & {
+export declare type IHTMLCanvas = Omit<IBaseElement, 'onWheel' | 'onMouseDown' | 'onTouchStart' | 'onChange'> & {
     minZoom?: number;
     maxZoom?: number;
     showGuidelinesDefault?: boolean;

package/Icon/Icon.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import { TTone } from '@onesy/style-react';
-import { IBaseElement } from '../types';
+import { IBaseElement, ISizeExtendedAny } from '../types';
 export declare const rtl_icons: string[];
-export declare type IIcon = IBaseElement & {
-    size?: 'very small' | 'small' | 'regular' | 'medium' | 'large' | 'very large' | number;
+export declare type IIcon = Omit<IBaseElement, 'size'> & {
+    size?: ISizeExtendedAny;
     tone?: TTone;
     viewBox?: string;
     name?: string;

package/ImageEdit/ImageEdit.d.ts

@@ -10,7 +10,7 @@ export declare type TImageEditFilter = {
     renderIconButton: (value: string, selected: boolean, onChangeFilter: TMethod) => IElement;
     renderSlider: (value: string, filterValuesCopy: any, onFilterSliderChange: TMethod) => IElement;
 };
-export declare type IImageEdit = ILine & {
+export declare type IImageEdit = Omit<ILine, 'onChange'> & {
     image?: string | HTMLCanvasElement;
     name?: string;
     type?: string;

package/Label/Label.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { IColor, IVersion, IElement, IPropsAny } from '../types';
-export declare type ILabel = ILine & {
+export declare type ILabel = Omit<ILine, 'onChange'> & {
     colorUnchecked?: IColor;
     version?: IVersion;
     position?: 'start' | 'top' | 'bottom' | 'end';

package/Labels/Labels.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { IColor, IVersion, IElement, IPropsAny } from '../types';
-export declare type ILabels = ILine & {
+export declare type ILabels = Omit<ILine, 'onChange'> & {
     colorUnchecked?: IColor;
     version?: IVersion;
     name?: IElement;

package/List/List.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { ISurface } from '../Surface/Surface';
 import { IElement } from '../types';
 export declare type IList = ISurface & {
+    gap?: any;
     menu?: IElement;
     menuOpen?: boolean;
     onMenuDesktopClose?: any;

package/MenuDesktop/MenuDesktop.d.ts

@@ -9,7 +9,7 @@ export declare type TMenuDesktopItem = {
     name?: IElement;
     menu?: IElement;
 };
-export declare type IMenuDesktop = ILine & {
+export declare type IMenuDesktop = Omit<ILine, 'onChange'> & {
     version?: IVersion;
     items?: Array<TMenuDesktopItem>;
     valueDefault?: TMenuDesktopValue;

package/NavigationBar/NavigationBar.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { ISurface } from '../Surface/Surface';
 import { INavigationItemVersion } from '../NavigationItem/NavigationItem';
 export declare type TNavigationBarValue = Array<string>;
-export declare type INavigationBar = Omit<ISurface, 'version'> & {
+export declare type INavigationBar = Omit<ISurface, 'version' | 'onChange'> & {
     value?: TNavigationBarValue;
     valueDefault?: TNavigationBarValue;
     onChange?: (value: TNavigationBarValue) => any;

package/NavigationRail/NavigationRail.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { ISurface } from '../Surface/Surface';
 import { INavigationItemVersion } from '../NavigationItem/NavigationItem';
 import { IElement, IPropsAny } from '../types';
-export declare type INavigationRail = Omit<ISurface, 'version'> & {
+export declare type INavigationRail = Omit<ISurface, 'version' | 'onChange'> & {
     value?: any;
     valueDefault?: any;
     onChange?: (value: any) => any;

package/Pagination/Pagination.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { IVersion, IElement, IElementReference } from '../types';
-export declare type IPagination = ILine & {
+export declare type IPagination = Omit<ILine, 'onChange'> & {
     version?: IVersion;
     elevation?: boolean;
     value?: number;

package/Radio/Radio.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { IIconButton } from '../IconButton/IconButton';
 import { IRef, IColor } from '../types';
-export declare type IRadio = IIconButton & {
+export declare type IRadio = Omit<IIconButton, 'onChange'> & {
     inputRef?: IRef;
     colorUnchecked?: IColor;
     valueDefault?: boolean;

package/Radios/Radios.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { IColor, IVersion, IElement, IPropsAny } from '../types';
-export declare type IRadios = ILine & {
+export declare type IRadios = Omit<ILine, 'onChange'> & {
     colorUnchecked?: IColor;
     version?: IVersion;
     name?: IElement;

package/Rating/Rating.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IBaseElement, IColor, IElement } from '../types';
-export declare type IRating = IBaseElement & {
+export declare type IRating = Omit<IBaseElement, 'onChange'> & {
     colorInactive?: IColor;
     value?: number;
     valueDefault?: number;

package/Reveal/Reveal.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { IFade } from '../Fade/Fade';
 import { IUseVisible } from '../useVisible/useVisible';
-export declare type IReveal = IFade & {
+export declare type IReveal = Omit<IFade, 'onChange'> & {
     inDefault?: boolean;
     offset?: number;
     offsetReveal?: number;

package/RichTextEditor/RichTextEditor.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { IVersion, IPropsAny, IElement, IElementReference } from '../types';
-export declare type IRichTextEditor = ILine & {
+export declare type IRichTextEditor = Omit<ILine, 'onChange'> & {
     version?: IVersion;
     value?: string;
     onChange?: (event: React.ChangeEvent<any>) => any;

package/Slider/Slider.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { IBaseElement, IElement, IPropsAny, ISizeAny } from '../types';
 export declare type TSliderValue = number | Array<number>;
-export declare type ISlider = IBaseElement & {
+export declare type ISlider = Omit<IBaseElement, 'onChange'> & {
     value?: TSliderValue;
     valueDefault?: TSliderValue;
     onChange?: (value: TSliderValue) => any;

package/SpeechToText/SpeechToText.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { IElementReference, IPropsAny } from '../types';
-export declare type ISpeechToText = ILine & {
+export declare type ISpeechToText = Omit<ILine, 'onChange'> & {
     SpeechRecognition?: any;
     continuous?: boolean;
     grammars?: any;

package/Switch/Switch.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IBaseElement, IRef, IElement } from '../types';
-export declare type ISwitch = IBaseElement & {
+export declare type ISwitch = Omit<IBaseElement, 'onChange'> & {
     inputRef?: IRef;
     version?: any;
     valueDefault?: boolean;

package/Tab/Tab.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ISurface } from '../Surface/Surface';
 import { IElement, IPropsAny } from '../types';
-export declare type ITab = Omit<ISurface, 'version'> & {
+export declare type ITab = Omit<ISurface, 'version' | 'onChange'> & {
     version?: 'primary' | 'secondary';
     size?: 'small' | 'regular' | 'large';
     value?: any;

package/TablePagination/TablePagination.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { IElementReference, IVersion } from '../types';
-export declare type ITableRow = ILine & {
+export declare type ITableRow = Omit<ILine, 'onChange'> & {
     version?: IVersion;
     elevation?: boolean;
     page?: number;

package/Tabs/Tabs.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { ISurface } from '../Surface/Surface';
 import { TLineAlign, TLineJustify } from '../Line/Line';
 import { IElementReference, IPropsAny } from '../types';
-export declare type ITabs = Omit<ISurface, 'version'> & {
+export declare type ITabs = Omit<ISurface, 'version' | 'onChange'> & {
     version?: 'primary' | 'secondary';
     value?: any;
     valueDefault?: any;

package/TextField/TextField.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import OnesySubscription from '@onesy/subscription';
 import { IBaseElement, IVersion, IRef, IElement, IValueBreakpoints, IPropsAny, IElementReference } from '../types';
-export declare type ITextField = IBaseElement & {
+export declare type ITextField = Omit<IBaseElement, 'onChange'> & {
     version?: IVersion;
     rootRef?: IRef;
     valueDefault?: string | number;

package/TimePicker/TimePicker.d.ts

@@ -5,7 +5,7 @@ import { IAdvancedTextField } from '../AdvancedTextField/AdvancedTextField';
 import { IValueBreakpoints, IElementReference, IPropsAny } from '../types';
 export declare type TTimePickerValue = OnesyDate | [OnesyDate, OnesyDate];
 export declare type TTimePickerSelecting = TClockUnit | [TClockUnit, TClockUnit];
-export declare type ITimePicker = Omit<IAdvancedTextField, 'version'> & {
+export declare type ITimePicker = Omit<IAdvancedTextField, 'version' | 'onChange'> & {
     version?: 'auto' | 'mobile' | 'desktop';
     value?: TTimePickerValue;
     valueDefault?: TTimePickerValue;

package/Tree/Tree.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IBaseElement, IElement, IPropsAny, IElementReference, IVersion } from '../types';
-export declare type ITree = IBaseElement & {
+export declare type ITree = Omit<IBaseElement, 'onChange'> & {
     open?: boolean;
     openDefault?: boolean;
     version?: IVersion;

package/ViewSplit/ViewSplit.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { IElement, IPropsAny } from '../types';
-export declare type IViewSplit = ILine & {
+export declare type IViewSplit = Omit<ILine, 'onChange'> & {
     valueDefault?: number;
     value?: number;
     onChange?: (value: number) => any;

package/Whiteboard/Whiteboard.d.ts

@@ -6,7 +6,7 @@ export declare type IWhiteboardAction = {
 };
 export declare type IWhiteboardTool = 'pen' | 'eraser' | 'pan' | 'zoom' | 'select' | 'circle' | 'rectangle' | 'triangle' | 'line' | 'line-arrow' | 'text' | 'image';
 export declare type IWhiteboardValue = IWhiteboardItem[];
-export declare type IWhiteboard = IBaseElement & {
+export declare type IWhiteboard = Omit<IBaseElement, 'onChange'> & {
     valueDefault?: IWhiteboardValue;
     onChange?: (value: IWhiteboardValue) => any;
     minZoom?: number;

package/WindowSplit/WindowSplit.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { IElement, IPropsAny } from '../types';
-export declare type IWindowSplit = ILine & {
+export declare type IWindowSplit = Omit<ILine, 'onChange'> & {
     valueDefault?: number;
     value?: number;
     onChange?: (value: number) => any;

package/esm/index.js

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

package/package.json

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

package/types.d.ts

@@ -11,7 +11,9 @@ 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>>;
@@ -25,6 +27,13 @@ export declare type IBaseElement<P = {}, T = HTMLElement> = React.HTMLAttributes
     tonal?: ITonal;
     color?: IColor;
     size?: ISizeAny;
+    onClick?: (...args: any[]) => any;
+    onChange?: (...args: any[]) => any;
+    onInput?: (...args: any[]) => any;
+    onKeyDown?: (...args: any[]) => any;
+    onMouseEnter?: (...args: any[]) => any;
+    onMouseLeave?: (...args: any[]) => any;
+    onDoubleClick?: (...args: any[]) => any;
     readOnly?: boolean;
     disabled?: boolean;
     children?: any;