xtreme-ui 0.0.8 → 0.0.10

package/dist/components/base/Button/Button.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { TButtonProps } from './types';
+export declare const Button: import("react").ForwardRefExoticComponent<TButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/base/Button/types.d.ts

@@ -0,0 +1,35 @@
+import { HTMLAttributes, MouseEvent } from 'react';
+import { EIconType } from '../Icon/types';
+declare enum EButtonSize {
+    mini = "mini",
+    default = "default",
+    large = "large"
+}
+interface BaseButton extends HTMLAttributes<HTMLButtonElement> {
+    className?: string;
+    type?: keyof typeof EButtonTypes;
+    size?: keyof typeof EButtonSize;
+    loading?: boolean;
+    disabled?: boolean;
+    iconType?: keyof typeof EIconType;
+    iconPosition?: 'left' | 'right';
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+}
+interface ButtonWithLabel extends BaseButton {
+    label: string;
+    icon?: string;
+}
+interface ButtonWithIconName extends BaseButton {
+    label?: string;
+    icon: string;
+}
+export type TButtonProps = ButtonWithLabel | ButtonWithIconName;
+export declare enum EButtonTypes {
+    primary = "primary",
+    primaryDanger = "primaryDanger",
+    secondary = "secondary",
+    secondaryDanger = "secondaryDanger",
+    link = "link",
+    linkDanger = "linkDanger"
+}
+export {};

package/dist/components/base/Icon/Icon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IIconProps } from './types';
+export declare const Icon: import("react").ForwardRefExoticComponent<IIconProps & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/components/base/Icon/types.d.ts

@@ -0,0 +1,22 @@
+export type IIconProps = {
+    className?: string;
+    code: string;
+    type?: keyof typeof EIconType;
+    size?: number | keyof typeof EIconSize;
+};
+export declare enum EIconType {
+    thin = "thin",
+    light = "light",
+    regular = "regular",
+    solid = "solid",
+    duotone = "duotone",
+    sharpSolid = "sharpSolid",
+    sharpRegular = "sharpRegular",
+    sharpLight = "sharpLight",
+    brand = "brand"
+}
+export declare enum EIconSize {
+    mini = 12,
+    default = 18,
+    large = 24
+}

package/dist/components/base/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IProgressBarProps } from './types';
+export declare const ProgressBar: import("react").ForwardRefExoticComponent<IProgressBarProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/base/ProgressBar/types.d.ts

@@ -0,0 +1,6 @@
+export type IProgressBarProps = {
+    className?: string;
+    progress?: number;
+    intermediate?: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/base/ProgressBar/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/ProgressBar/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;CACvB,CAAA"}

package/dist/components/base/Textfield/Textfield.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { TTextfieldProps } from './types';
+export declare const Textfield: import("react").ForwardRefExoticComponent<TTextfieldProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/base/Textfield/types.d.ts

@@ -0,0 +1,68 @@
+import { ChangeEvent } from 'react';
+import { EIconType } from '../Icon/types';
+export type TTextfieldProps = {
+    className?: string;
+    type?: keyof typeof ETextfieldType;
+    textarea?: boolean;
+    placeholder: string;
+    autoFocus?: boolean;
+    autoComplete?: keyof typeof ETextfieldAutoComplete;
+    icon?: string;
+    iconType?: keyof typeof EIconType;
+    value?: string;
+    onChange?: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+};
+declare enum ETextfieldType {
+    text = "text",
+    number = "number",
+    password = "password",
+    search = "search"
+}
+declare enum ETextfieldAutoComplete {
+    'off' = "off",
+    'on' = "on",
+    'name' = "name",
+    'honorific-prefix' = "honorific-prefix",
+    'given-name' = "given-name",
+    'additional-name' = "additional-name",
+    'family-name' = "family-name",
+    'honorific-suffix' = "honorific-suffix",
+    'nickname' = "nickname",
+    'email' = "email",
+    'username' = "username",
+    'new-password' = "new-password",
+    'current-password' = "current-password",
+    'one-time-code' = "one-time-code",
+    'organization-title' = "organization-title",
+    'organization' = "organization",
+    'street-address' = "street-address",
+    'address-line1' = "address-line1",
+    'address-line2' = "address-line2",
+    'address-line3' = "address-line3",
+    'address-level4' = "address-level4",
+    'address-level3' = "address-level3",
+    'address-level2' = "address-level2",
+    'address-level1' = "address-level1",
+    'country' = "country",
+    'country-name' = "country-name",
+    'postal-code' = "postal-code",
+    'cc-name' = "cc-name",
+    'cc-given-name' = "cc-given-name",
+    'cc-additional-name' = "cc-additional-name",
+    'cc-family-name' = "cc-family-name",
+    'cc-number' = "cc-number",
+    'cc-exp' = "cc-exp",
+    'cc-exp-month' = "cc-exp-month",
+    'cc-exp-year' = "cc-exp-year",
+    'cc-csc' = "cc-csc",
+    'cc-type' = "cc-type",
+    'transaction-currency' = "transaction-currency",
+    'transaction-amount' = "transaction-amount",
+    'language' = "language",
+    'bday' = "bday",
+    'bday-day' = "bday-day",
+    'bday-month' = "bday-month",
+    'bday-year' = "bday-year"
+}
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/base/Textfield/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Textfield/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,MAAM,MAAM,eAAe,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,OAAO,cAAc,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,OAAO,sBAAsB,CAAC;IACnD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,KAAK,IAAI,CAAC;CAChF,CAAA;AAED,aAAK,cAAc;IAClB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,QAAQ,aAAa;IACrB,MAAM,WAAW;CACjB;AAED,aAAK,sBAAsB;IAC1B,KAAK,QAAQ;IACb,IAAI,OAAO;IACX,MAAM,SAAS;IACf,kBAAkB,qBAAqB;IACvC,YAAY,eAAe;IAC3B,iBAAiB,oBAAoB;IACrC,aAAa,gBAAgB;IAC7B,kBAAkB,qBAAqB;IACvC,UAAU,aAAa;IACvB,OAAO,UAAU;IACjB,UAAU,aAAa;IACvB,cAAc,iBAAiB;IAC/B,kBAAkB,qBAAqB;IACvC,eAAe,kBAAkB;IACjC,oBAAoB,uBAAuB;IAC3C,cAAc,iBAAiB;IAC/B,gBAAgB,mBAAmB;IACnC,eAAe,kBAAkB;IACjC,eAAe,kBAAkB;IACjC,eAAe,kBAAkB;IACjC,gBAAgB,mBAAmB;IACnC,gBAAgB,mBAAmB;IACnC,gBAAgB,mBAAmB;IACnC,gBAAgB,mBAAmB;IACnC,SAAS,YAAY;IACrB,cAAc,iBAAiB;IAC/B,aAAa,gBAAgB;IAC7B,SAAS,YAAY;IACrB,eAAe,kBAAkB;IACjC,oBAAoB,uBAAuB;IAC3C,gBAAgB,mBAAmB;IACnC,WAAW,cAAc;IACzB,QAAQ,WAAW;IACnB,cAAc,iBAAiB;IAC/B,aAAa,gBAAgB;IAC7B,QAAQ,WAAW;IACnB,SAAS,YAAY;IACrB,sBAAsB,yBAAyB;IAC/C,oBAAoB,uBAAuB;IAC3C,UAAU,aAAa;IACvB,MAAM,SAAS;IACf,UAAU,aAAa;IACvB,YAAY,eAAe;IAC3B,WAAW,cAAc;CACzB"}

package/dist/components/layout/Navigation/Navigation.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { TNavigationProps } from './types';
+export declare const Navigation: import("react").ForwardRefExoticComponent<TNavigationProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/layout/Navigation/types.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+export type TNavigationProps = {
+    className?: string;
+    Routes?: FC<TNavigationRoute>;
+};
+export type TNavigationRoute = {
+    className: string;
+    activeClassName: string;
+    iconClassName: string;
+    labelClassName: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/layout/Navigation/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Navigation/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,MAAM,MAAM,gBAAgB,GAAG;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC;CAC9B,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;CACvB,CAAA"}

package/dist/components/layout/Sider/Sider.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { TSiderProps } from './types';
+export declare const Sider: import("react").ForwardRefExoticComponent<TSiderProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/layout/Sider/types.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+export type TSiderProps = {
+    className?: string;
+    children?: ReactNode;
+    leftSider?: ReactNode;
+    showMiniLeftSider?: boolean;
+    rightSider?: ReactNode;
+    showMiniRightSider?: boolean;
+    open?: keyof typeof EOpenModes;
+    setOpen?: (open: boolean) => void;
+};
+declare enum EOpenModes {
+    left = "left",
+    right = "right",
+    closed = "closed"
+}
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/layout/Sider/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Sider/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,WAAW,GAAG;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAClC,CAAA;AACD,aAAK,UAAU;IACd,IAAI,SAAS;IACb,KAAK,UAAU;IACf,MAAM,WAAW;CACjB"}

package/dist/index.d.ts

@@ -1,221 +1,13 @@
-import { ChangeEvent } from 'react';
-import { FC } from 'react';
-import { ForwardRefExoticComponent } from 'react';
-import { HTMLAttributes } from 'react';
-import { LegacyRef } from 'react';
-import { MouseEvent as MouseEvent_2 } from 'react';
-import { MutableRefObject } from 'react';
-import { ReactNode } from 'react';
-import { RefAttributes } from 'react';
-import { RefCallback } from 'react';
-import { RefObject } from 'react';
-
-declare interface BaseButton extends HTMLAttributes<HTMLButtonElement> {
-    className?: string;
-    type?: keyof typeof EButtonTypes;
-    size?: keyof typeof EButtonSize;
-    loading?: boolean;
-    disabled?: boolean;
-    iconType?: keyof typeof EIconType;
-    iconPosition?: 'left' | 'right';
-    onClick?: (event: MouseEvent_2<HTMLButtonElement>) => void;
-}
-
-export declare const Button: ForwardRefExoticComponent<TButtonProps & RefAttributes<HTMLButtonElement>>;
-
-declare interface ButtonWithIconName extends BaseButton {
-    label?: string;
-    icon: string;
-}
-
-declare interface ButtonWithLabel extends BaseButton {
-    label: string;
-    icon?: string;
-}
-
-export declare const dom: (Window & typeof globalThis) | undefined;
-
-declare enum EButtonSize {
-    mini = "mini",
-    default = "default",
-    large = "large"
-}
-
-export declare enum EButtonTypes {
-    primary = "primary",
-    primaryDanger = "primaryDanger",
-    secondary = "secondary",
-    secondaryDanger = "secondaryDanger",
-    link = "link",
-    linkDanger = "linkDanger"
-}
-
-declare enum EElementObserverEvent {
-    added = "added",
-    removed = "removed"
-}
-
-export declare enum EIconSize {
-    mini = 12,
-    default = 18,
-    large = 24
-}
-
-export declare enum EIconType {
-    thin = "thin",
-    light = "light",
-    regular = "regular",
-    solid = "solid",
-    duotone = "duotone",
-    sharpSolid = "sharpSolid",
-    sharpRegular = "sharpRegular",
-    sharpLight = "sharpLight",
-    brand = "brand"
-}
-
-export declare const elementObserver: (cb: ElementObserverCallback, selectors: string[]) => void;
-
-declare type ElementObserverCallback = (element: HTMLElement, event: keyof typeof EElementObserverEvent, record: MutationRecord) => void;
-
-declare enum EOpenModes {
-    left = "left",
-    right = "right",
-    closed = "closed"
-}
-
-declare enum ETextfieldAutoComplete {
-    'off' = "off",
-    'on' = "on",
-    'name' = "name",
-    'honorific-prefix' = "honorific-prefix",
-    'given-name' = "given-name",
-    'additional-name' = "additional-name",
-    'family-name' = "family-name",
-    'honorific-suffix' = "honorific-suffix",
-    'nickname' = "nickname",
-    'email' = "email",
-    'username' = "username",
-    'new-password' = "new-password",
-    'current-password' = "current-password",
-    'one-time-code' = "one-time-code",
-    'organization-title' = "organization-title",
-    'organization' = "organization",
-    'street-address' = "street-address",
-    'address-line1' = "address-line1",
-    'address-line2' = "address-line2",
-    'address-line3' = "address-line3",
-    'address-level4' = "address-level4",
-    'address-level3' = "address-level3",
-    'address-level2' = "address-level2",
-    'address-level1' = "address-level1",
-    'country' = "country",
-    'country-name' = "country-name",
-    'postal-code' = "postal-code",
-    'cc-name' = "cc-name",
-    'cc-given-name' = "cc-given-name",
-    'cc-additional-name' = "cc-additional-name",
-    'cc-family-name' = "cc-family-name",
-    'cc-number' = "cc-number",
-    'cc-exp' = "cc-exp",
-    'cc-exp-month' = "cc-exp-month",
-    'cc-exp-year' = "cc-exp-year",
-    'cc-csc' = "cc-csc",
-    'cc-type' = "cc-type",
-    'transaction-currency' = "transaction-currency",
-    'transaction-amount' = "transaction-amount",
-    'language' = "language",
-    'bday' = "bday",
-    'bday-day' = "bday-day",
-    'bday-month' = "bday-month",
-    'bday-year' = "bday-year"
-}
-
-declare enum ETextfieldType {
-    text = "text",
-    number = "number",
-    password = "password",
-    search = "search"
-}
-
-export declare const getCssProperty: (property: string, element: RefObject<HTMLElement>) => string;
-
-export declare const getCssPropertyPx: (property: string, element: RefObject<HTMLElement>) => number;
-
-export declare const getCssPropertyVh: (property: string, element: RefObject<HTMLElement>) => number[];
-
-export declare const getCssPropertyVw: (property: string, element: RefObject<HTMLElement>) => number[];
-
-export declare const Icon: ForwardRefExoticComponent<IIconProps & RefAttributes<HTMLSpanElement>>;
-
-export declare type IIconProps = {
-    className?: string;
-    code: string;
-    type?: keyof typeof EIconType;
-    size?: number | keyof typeof EIconSize;
-};
-
-export declare type IProgressBarProps = {
-    className?: string;
-    progress?: number;
-    intermediate?: boolean;
-};
-
-export declare const isClient: boolean;
-
-export declare const mergeRefs: <T>(refs: (MutableRefObject<T> | LegacyRef<T>)[]) => RefCallback<T>;
-
-export declare const Navigation: ForwardRefExoticComponent<TNavigationProps & RefAttributes<HTMLDivElement>>;
-
-export declare const ProgressBar: ForwardRefExoticComponent<IProgressBarProps & RefAttributes<HTMLDivElement>>;
-
-export declare const safeStringFromCodePoint: (codePoint: number) => string;
-
-export declare const setCssProperty: (property: string, value: string, element: RefObject<HTMLElement>) => void | "";
-
-export declare const Sider: ForwardRefExoticComponent<TSiderProps & RefAttributes<HTMLDivElement>>;
-
-export declare type TButtonProps = ButtonWithLabel | ButtonWithIconName;
-
-export declare const Textfield: ForwardRefExoticComponent<TTextfieldProps & RefAttributes<HTMLInputElement>>;
-
-export declare type TNavigationProps = {
-    className?: string;
-    Routes?: FC<TNavigationRoute>;
-};
-
-export declare type TNavigationRoute = {
-    className: string;
-    activeClassName: string;
-    iconClassName: string;
-    labelClassName: string;
-};
-
-export declare type TSiderProps = {
-    className?: string;
-    children?: ReactNode;
-    leftSider?: ReactNode;
-    showMiniLeftSider?: boolean;
-    rightSider?: ReactNode;
-    showMiniRightSider?: boolean;
-    open?: keyof typeof EOpenModes;
-    setOpen?: (open: boolean) => void;
-};
-
-export declare type TTextfieldProps = {
-    className?: string;
-    type?: keyof typeof ETextfieldType;
-    textarea?: boolean;
-    placeholder: string;
-    autoFocus?: boolean;
-    autoComplete?: keyof typeof ETextfieldAutoComplete;
-    icon?: string;
-    iconType?: keyof typeof EIconType;
-    value?: string;
-    onChange?: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-};
-
-export declare const unicodeToString: (unicode: string) => string;
-
-export declare const waitForElement: (selector: string) => Promise<HTMLElement>;
-
-export { }
+export * from './utils/index';
+export { Button } from './components/base/Button/Button';
+export type { TButtonProps, EButtonTypes } from './components/base/Button/types';
+export { Icon } from './components/base/Icon/Icon';
+export type { IIconProps, EIconType, EIconSize } from './components/base/Icon/types';
+export { ProgressBar } from './components/base/ProgressBar/ProgressBar';
+export type { IProgressBarProps } from './components/base/ProgressBar/types';
+export { Textfield } from './components/base/Textfield/Textfield';
+export type { TTextfieldProps } from './components/base/Textfield/types';
+export { Sider } from './components/layout/Sider/Sider';
+export type { TSiderProps } from './components/layout/Sider/types';
+export { Navigation } from './components/layout/Navigation/Navigation';
+export type { TNavigationProps, TNavigationRoute } from './components/layout/Navigation/types';