@homecode/ui 4.19.8 → 4.20.0-beta-0

package/dist/esm/types/src/components/Input/Input.d.ts

@@ -1,44 +1,3 @@
-import { Component, ChangeEvent } from 'react';
 import * as T from './Input.types';
 export type InputProps = T.Props;
-export declare class Input extends Component<T.Props> {
-    inputRef: import("react").RefObject<HTMLInputElement>;
-    isClearPressed: boolean;
-    cursorPos: number;
-    prevLabelText: string;
-    store: any;
-    uid: any;
-    static defaultProps: {
-        type: string;
-        size: string;
-        variant: string;
-    };
-    constructor(props: T.Props);
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: T.Props): void;
-    updateAutoComplete(): void;
-    updateSelection(): void;
-    updateLabelPosition(): void;
-    updateHasValue(): void;
-    hasValue(value?: any): boolean;
-    isTextArea: () => boolean;
-    isNumber: () => boolean;
-    isLabelOnTop(hasValue?: any): any;
-    getValue(val?: any): any;
-    onTextareaPaste: (e: any) => void;
-    pasteToTextarea: any;
-    onClearPress: (e: any) => void;
-    onDocKeyUp: (e: KeyboardEvent) => void;
-    handleChange: (e: ChangeEvent<HTMLInputElement>) => void;
-    onChange: (value: string, e?: ChangeEvent<HTMLInputElement>) => void;
-    onNumberWheel: (delta: any) => void;
-    onTextAreaInput: (e: any) => void;
-    onLabelClipPathChange: (clipPath: string) => string;
-    onTypingEnd: () => void;
-    onFocus: (e: any) => void;
-    onBlur: (e: any) => void;
-    getControlProps(): T.ControlProps;
-    wrapControll(control: any): JSX.Element;
-    renderAddon(type: 'right' | 'left'): JSX.Element;
-    render(): JSX.Element;
-}
+export declare const Input: (props: T.Props) => JSX.Element;

package/dist/esm/types/src/components/Lazy/Lazy.d.ts

@@ -1,5 +1,6 @@
 import { Component, ComponentType } from 'react';
 import * as T from './Lazy.types';
+export type LazyProps = T.Props;
 export declare class Lazy extends Component<T.Props> {
     store: T.State;
     Node?: ComponentType<any>;

package/dist/esm/types/src/components/Notifications/Notifications.d.ts

@@ -1,2 +1,6 @@
+type Props = {
+    store?: any;
+};
 export declare const NotificationsStore: any;
-export declare const Notifications: any;
+export declare const Notifications: (props: Props) => JSX.Element;
+export {};

package/dist/esm/types/src/components/Popup/Popup.d.ts

@@ -16,7 +16,6 @@ export declare class Popup extends Component<T.Props> {
     needDropOffset: boolean;
     id: any;
     parentPopupContent: any;
-    store: any;
     timers: any;
     scrollParent: any;
     offset: {
@@ -28,6 +27,14 @@ export declare class Popup extends Component<T.Props> {
         direction: string;
         animated: boolean;
     };
+    state: {
+        rootPopupId: any;
+        isOpen: boolean;
+        isContentVisible: boolean;
+        animating: boolean;
+        direction: T.Direction;
+        triggerBounds: any;
+    };
     constructor(props: any);
     componentDidMount(): void;
     componentDidUpdate(prevProps: T.Props): void;

package/dist/esm/types/src/components/Router/Link/Link.d.ts

@@ -1 +1,2 @@
-export declare const Link: any;
+import * as T from './Link.types';
+export declare const Link: ({ className, exactClassName, children, href: hrefProp, isClear, isDisabled, disableExternalIcon, inline, isPartialExact, onClick, ...rest }: T.Props) => JSX.Element;

package/dist/esm/types/src/components/Router/Route.d.ts

@@ -1,5 +1,5 @@
 import * as T from './Router.types';
-export declare const Route: {
-    (props: T.RouteProps): any;
-    displayName: string;
-};
+export declare function Route<T extends T.RouteProps>(props: T.RouteProps): any;
+export declare namespace Route {
+    var displayName: string;
+}

package/dist/esm/types/src/components/Select/Select.d.ts

@@ -1,11 +1,10 @@
 import * as H from './Select.helpers';
 import * as T from './Select.types';
 import { Component, ReactNode } from 'react';
-import { Input } from 'uilib/components/Input/Input';
 export declare const SelectHelpers: typeof H;
 export declare class Select extends Component<T.Props, T.State> {
     store: any;
-    inputRef: import("react").RefObject<Input>;
+    inputRef: import("react").RefObject<(props: import("../Input/Input.types").Props) => JSX.Element>;
     triggerInputRef: import("react").RefObject<HTMLDivElement>;
     contentRef: import("react").RefObject<HTMLDivElement>;
     scrollInnerElem: HTMLDivElement;

package/dist/esm/types/src/components/Select/Select.helpers.d.ts

@@ -10,5 +10,5 @@ type IdsMap = {
         [key: string]: Option['id'][];
     };
 };
-export declare function mapById(options: any): IdsMap;
+export declare function mapById(options: Option[]): IdsMap;
 export {};

package/dist/esm/types/src/components/Select/Select.types.d.ts

@@ -30,13 +30,14 @@ type InheritedInputProps = Partial<Pick<InputProps, 'onFocus' | 'onBlur'>>;
 export type Props = FormControl<Value> & InheritedInputProps & {
     className?: string;
     isOpen?: boolean;
+    closeOnSelect?: boolean;
     optionsClassName?: string;
     optionClassName?: string;
     additionalLabel?: ReactNode;
     size?: Size;
     variant?: 'default' | 'outlined';
     showSelectedCount?: boolean;
-    disableLable?: boolean;
+    disableLabel?: boolean;
     blur?: boolean;
     options: Option[];
     additionalOptions?: Option[];
@@ -47,7 +48,7 @@ export type Props = FormControl<Value> & InheritedInputProps & {
     searchValue?: string;
     expandSelected?: boolean;
     onChange: (value: Value) => void;
-    onSeachChange?: (value: string) => void;
+    onSearchChange?: (value: string) => void;
     onOpen?: () => void;
     onClose?: () => void;
     isSearchable?: boolean;
@@ -68,7 +69,8 @@ export type State = {
     searchVal: string;
     options: Option[];
     labelClipPath: string;
-    optionsTreeUpd: number;
+    optionsUpdated: number;
+    focusedItemIndex: number;
 };
 export type OptionElemProps = HTMLAttributes<HTMLDivElement> & {
     className: string;

package/dist/esm/types/src/components/Select/Select2.d.ts

@@ -0,0 +1,2 @@
+import * as T from './Select.types';
+export declare function Select2(props: T.Props): JSX.Element;

package/dist/esm/types/src/components/index.d.ts

@@ -28,6 +28,7 @@ export * from './PopupMenu/PopupMenu';
 export * from './Router/Router';
 export * from './RequiredStar/RequiredStar';
 export * from './Select/Select';
+export * from './Select/Select2';
 export * from './Scroll/Scroll';
 export * from './Shimmer/Shimmer';
 export * from './Spinner/Spinner';

package/dist/esm/types/src/hooks/useThrottle.d.ts

@@ -0,0 +1,5 @@
+type ThrottleOptions = {
+    trailing?: boolean;
+};
+export declare function useThrottle<T extends any[]>(cb: (...args: T) => void, limit: number, options?: ThrottleOptions, deps?: any[]): (...args: T) => void;
+export {};

package/dist/esm/types/src/services/i18n.d.ts

@@ -4,12 +4,22 @@ type LangLoader = () => Promise<{
 type RegisterConfig = {
     [lang: string]: LangLoader;
 };
-export declare const store: any;
+type I18NProps = {
+    id?: string;
+    children?: React.ReactNode;
+    props?: number | Record<string, any>;
+};
+export declare const store: import("justorm/dist/esm/proxy").ProxyStore<{
+    lang: string | void;
+    changeLang(lang: any): Promise<void>;
+}>;
 export declare function init(config: RegisterConfig): {
     storeName: string;
-    componentStore: any;
-    withI18N: (Component: any) => any;
+    componentStore: import("justorm/dist/esm/proxy").ProxyStore<{
+        _updated: string;
+    }>;
+    withI18N: (Component: any) => (props: any) => JSX.Element;
     i18n: (key: any, props?: any) => any;
-    I18N: import("react").MemoExoticComponent<any>;
+    I18N: import("react").NamedExoticComponent<I18NProps>;
 };
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homecode/ui",
-  "version": "4.19.8",
+  "version": "4.20.0-beta-0",
   "description": "React UI components library",
   "scripts": {
     "test": "jest",
@@ -49,7 +49,7 @@
     "fastest-validator": "^1.16.0",
     "favicons": "^7.1.3",
     "favicons-webpack-plugin": "^6.0.0",
-    "justorm": "^3.0.0-beta-10",
+    "justorm": "3.0.0-beta-24",
     "lodash.omit": "^4.5.0",
     "lodash.pick": "^4.4.0",
     "moment": "^2.29.4",