robbyson-frontend-library 0.0.1-rc1

package/src/components/progress-tracker/progress-tracker.types.d.ts

@@ -0,0 +1,9 @@
+///<reference types="react" />
+///<reference types="robbyson-frontend-library" />
+
+declare module "styleguide/ProgressTracker" {
+    import { IProgressTrackerProps } from "robbyson-frontend-library";
+    const ProgressTracker: React.ComponentType<IProgressTrackerProps<any>>;
+
+    export default ProgressTracker;
+}

package/src/components/radio-button/index.d.ts

@@ -0,0 +1 @@
+export * from './radio-button.interface';

package/src/components/radio-button/radio-button.interface.ts

@@ -0,0 +1,5 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface IRadioButtonProps<T> extends React.InputHTMLAttributes<T>, IBaseComponentProp {
+    labelLocaleHandle?: string;
+}

package/src/components/radio-button/radio-button.types.d.ts

@@ -0,0 +1,9 @@
+///<reference types="react" />
+///<reference types="robbyson-frontend-library" />
+
+declare module 'styleguide/RadioButton' {
+    import { IRadioButtonProps } from "robbyson-frontend-library";
+    const RadioButton: React.ComponentType<IRadioButtonProps<any>>;
+
+    export default RadioButton;
+}

package/src/components/scroll-box/index.d.ts

@@ -0,0 +1 @@
+export * from './scroll-box.interface';

package/src/components/scroll-box/scroll-box.interface.ts

@@ -0,0 +1,9 @@
+
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface IScrollBoxProps extends IBaseComponentProp {
+  height: number;
+  children: React.ReactNode;
+  onScrollBottom?(): void;
+  className?: string;
+}

package/src/components/scroll-box/scroll-box.types.d.ts

@@ -0,0 +1,9 @@
+///<reference types="react" />
+///<reference types="robbyson-frontend-library" />
+
+declare module "styleguide/ScrollBox" {
+    import { IScrollBoxProps } from "robbyson-frontend-library";
+    const ScrollBox: React.ComponentType<IScrollBoxProps>;
+
+    export default ScrollBox;
+}

package/src/components/search-input/index.d.ts

@@ -0,0 +1 @@
+export * from './search-input.interfaces';

package/src/components/search-input/search-input.interfaces.ts

@@ -0,0 +1,14 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+import { ITextFieldProps } from "../text-field";
+
+export interface ISearchInputState {
+    disabled:boolean;
+    active:boolean;
+    hasError:boolean;
+    empty:boolean;
+    text: string;
+    errorText:string;
+}
+
+export interface ISearchInputProps extends ITextFieldProps, IBaseComponentProp {
+}

package/src/components/search-input/search-input.types.d.ts

@@ -0,0 +1,9 @@
+///<reference types="react" />
+///<reference types="robbyson-frontend-library" />
+
+declare module 'styleguide/SearchInput' {
+    import { ISearchInputProps } from "robbyson-frontend-library";
+    const SearchInput: React.ComponentType<ISearchInputProps>;
+    
+    export default SearchInput;
+}

package/src/components/select/index.d.ts

@@ -0,0 +1 @@
+export * from './select.interface';

package/src/components/select/select.interface.tsx

@@ -0,0 +1,18 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface ISelectProps<T> extends React.SelectHTMLAttributes<T>, IBaseComponentProp, ISelectOptionsProps {
+    error?: boolean;
+    helperTextLocaleHandle?: string;
+    labelLocaleHandle: string;
+    onSelectOpt(e: string | number): void;
+    value?: string | number;
+}
+
+export interface ISelectOptionsProps {
+    options: Array<{value: string | number, textLocaleHandle: string, hidden?: boolean, disabled?: boolean}>
+}
+
+export interface ISelectState<T> {
+    active: boolean,
+    value: string | number
+}

package/src/components/select/select.types.d.ts

@@ -0,0 +1,9 @@
+///<reference types="react" />
+///<reference types="robbyson-frontend-library" />
+
+declare module 'styleguide/Select' {
+    import { ISelectProps } from "robbyson-frontend-library";
+    const Select: React.ComponentType<ISelectProps>;
+    
+    export default Select;
+}

package/src/components/sidebar/index.d.ts

@@ -0,0 +1 @@
+export * from './sidebar.interface';

package/src/components/sidebar/sidebar.interface.ts

@@ -0,0 +1,12 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface ISidebarProps extends IBaseComponentProp {
+  show: boolean,
+  position: "left" | "right",
+  children: React.ReactNode,
+  onClose: () => void,
+  titleLocaleHandle: string,
+  height?: number,
+  width?: number,
+  top?: number,
+}

package/src/components/sidebar/sidebar.types.d.ts

@@ -0,0 +1,9 @@
+///<reference types="react" />
+///<reference types="robbyson-frontend-library" />
+
+declare module 'styleguide/Sidebar' {
+    import { ISidebarProps } from "robbyson-frontend-library";
+    const Sidebar: React.ComponentType<ISidebarProps>;
+
+    export default Sidebar;
+}

package/src/components/snackbar/index.d.ts

@@ -0,0 +1 @@
+export * from "./snackbar.interface";

package/src/components/snackbar/snackbar.interface.ts

@@ -0,0 +1,16 @@
+import { IconHandle } from "../../models";
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface ISnackbarProps<T> extends React.HTMLAttributes<T>, IBaseComponentProp {
+  iconHandle?: IconHandle;
+  show: boolean;
+  autoClose? : boolean;
+  timeAutoClose?: number;
+  textLocaleHandle?: string;
+  position: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+}
+
+export interface ISnackbarState {
+  show : boolean
+}
+

package/src/components/snackbar/snackbar.types.d.ts

@@ -0,0 +1,9 @@
+///<reference types="react" />
+///<reference types="robbyson-frontend-library" />
+
+declare module "styleguide/Snackbar" {
+    import { ISnackbarProps } from "robbyson-frontend-library";
+    const Snackbar: React.ComponentType<ISnackbarProps<any>>;
+
+    export default Snackbar;
+}

package/src/components/speed-dial/index.d.ts

@@ -0,0 +1 @@
+export * from './speed-dial.interface';

package/src/components/speed-dial/speed-dial.interface.ts

@@ -0,0 +1,16 @@
+import { IconHandle } from "../../models";
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+interface ISpeedDialItem {
+    icon: IconHandle;
+    onClick: () => void;
+    nameLocaleHandle: string;
+}
+
+export interface ISpeedDialProps extends IBaseComponentProp {
+    items: ISpeedDialItem[];
+}
+
+export interface ISpeedDialState{
+    onShow: boolean;
+}

package/src/components/speed-dial/speed-dial.types.d.ts

@@ -0,0 +1,9 @@
+///<reference types="react" />
+///<reference types="robbyson-frontend-library" />
+
+declare module 'styleguide/SpeedDial' {
+    import { ISpeedDialProps } from "robbyson-frontend-library";
+    const SpeedDial: React.ComponentType<ISpeedDialProps<any>>;
+
+    export default SpeedDial;
+}

package/src/components/spin-edit/index.d.ts

@@ -0,0 +1 @@
+export * from './spin-edit.interface';

package/src/components/spin-edit/spin-edit.interface.ts

@@ -0,0 +1,12 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface ISpinEditProps extends IBaseComponentProp {
+    value?: number;
+    maxValue?: number;
+    minValue?:number;
+    onUpdate?(value:number):void;
+}
+
+export interface ISpinEditState{
+    value: number;
+}

package/src/components/spin-edit/spin-edit.types.d.ts

@@ -0,0 +1,9 @@
+///<reference types="react" />
+///<reference types="robbyson-frontend-library" />
+
+declare module 'styleguide/SpinEdit' {
+    import { ISpinEditProps } from "robbyson-frontend-library";
+    const SpinEdit: React.ComponentType<ISpinEditProps>;
+    
+    export default SpinEdit;
+}

package/src/components/switch/index.d.ts

@@ -0,0 +1 @@
+export * from './switch.interface';

package/src/components/switch/switch.interface.ts

@@ -0,0 +1,7 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface ISwitchProps<T> extends React.InputHTMLAttributes<T>, IBaseComponentProp {
+    labelLocaleHandle?: string;
+    infoTextLocaleHandle?: string;
+    id: string;
+}

package/src/components/switch/switch.types.d.ts

@@ -0,0 +1,9 @@
+///<reference types="react" />
+///<reference types="robbyson-frontend-library" />
+
+declare module 'styleguide/Switch' {
+    import { ISwitchProps } from "robbyson-frontend-library";
+    const Switch: React.ComponentType<ISwitchProps<any>>;
+
+    export default Switch;
+}

package/src/components/tag-expand/index.d.ts

@@ -0,0 +1 @@
+export * from './tag-expand.interface';

package/src/components/tag-expand/tag-expand.interface.ts

@@ -0,0 +1,9 @@
+import { IconHandle } from "../../models";
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface ITagExpandProps<T> extends IBaseComponentProp {
+  iconHandle: IconHandle;
+  maxWidth: number;
+  text?: string;
+  textLocaleHandle?: string;
+}

package/src/components/tag-expand/tag-expand.types.d.ts

@@ -0,0 +1,9 @@
+///<reference types="react" />
+///<reference types="robbyson-frontend-library" />
+
+declare module "styleguide/TagExpand" {
+    import { ITagExpandProps } from "robbyson-frontend-library";
+    const TagExpand: React.ComponentType<ITagExpandProps<any>>;
+
+    export default TagExpand;
+}

package/src/components/tags/index.d.ts

@@ -0,0 +1 @@
+export * from './tags.interface';

package/src/components/tags/tags.interface.ts

@@ -0,0 +1,16 @@
+import { IconHandle } from "../../models";
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface ITagsState {
+  show: boolean;
+}
+export interface ITagsProps<T> extends IBaseComponentProp {
+  closeable?: boolean;
+  iconHandle?: IconHandle;
+  children?: any;
+  variant?: "primary" | "secondary";
+  type?: "success" | "error" | "warning";
+  size: "small" | "large";
+  disabled?: boolean
+  textLocaleHandle?: string;
+}

package/src/components/tags/tags.types.d.ts

@@ -0,0 +1,9 @@
+///<reference types="react" />
+///<reference types="robbyson-frontend-library" />
+
+declare module "styleguide/Tags" {
+    import { ITagsProps } from "robbyson-frontend-library";
+    const Tags: React.ComponentType<ITagsProps<any>>;
+
+    export default Tags;
+}

package/src/components/text-field/index.d.ts

@@ -0,0 +1 @@
+export * from './text-field.interface';

package/src/components/text-field/text-field.interface.tsx

@@ -0,0 +1,27 @@
+import { IconHandle } from "../../models";
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface ITextFieldState {
+    disabled:boolean;
+    active:boolean;
+    hasError:boolean;
+    empty:boolean;
+    text: string;
+    errorText:string;
+}
+
+export interface ITextFieldProps extends React.InputHTMLAttributes<any>, IBaseComponentProp {
+    placeholderLocaleHandle?: string;
+    prefixIconHandle?: IconHandle;
+    suffixIconHandle?: IconHandle;
+    helperTextLocaleHandle?: string;
+    errorTextLocaleHandle?: string;
+    onPrefixIconPressed?: () => void;
+    onSuffixIconPressed?: () => void;
+    width?: number;
+    value: string;
+    mask?: string;
+    hasError?: boolean;
+    fillPrefixIcon?: string;
+    fillSuffixIcon?: string;
+}

package/src/components/text-field/text-field.types.d.ts

@@ -0,0 +1,9 @@
+///<reference types="react" />
+///<reference types="robbyson-frontend-library" />
+
+declare module 'styleguide/TextField' {
+    import { ITextFieldProps } from "robbyson-frontend-library";
+    const TextField: React.ComponentType<ITextFieldProps>;
+    
+    export default TextField;
+}

package/src/components/timer/index.d.ts

@@ -0,0 +1 @@
+export * from './timer.interface';

package/src/components/timer/timer.interface.ts

@@ -0,0 +1,12 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface ITimerProps extends IBaseComponentProp {
+  expirationDate: Date;
+  onTimerEnd?: () => void;
+}
+
+export interface ITimerState {
+  showStopWatch: boolean;
+  expirationDateStopWatch: string;
+  isFirstRender: boolean;
+}

package/src/components/timer/timer.types.d.ts

@@ -0,0 +1,9 @@
+///<reference types="react" />
+///<reference types="robbyson-frontend-library" />
+
+declare module 'styleguide/Timer' {
+    import { ITimerProps } from "robbyson-frontend-library";
+    const Timer: React.ComponentType<ITimerProps>;
+
+    export default Timer;
+}

package/src/components/toggle-icon-button/index.d.ts

@@ -0,0 +1 @@
+export * from './toggle-icon-button.interface';

package/src/components/toggle-icon-button/toggle-icon-button.interface.ts

@@ -0,0 +1,16 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+import { IconHandle } from "../../models";
+
+export type ToggleActualState = "disabled" | "on" | "off"
+
+export interface IToggleIconButtonProps<T> extends React.ButtonHTMLAttributes<T>,IBaseComponentProp {
+    iconHandle: IconHandle,
+    selectedIconHandle: IconHandle,
+    active?: boolean,
+    disabled?: boolean,
+    disabledIconHandle?: IconHandle,
+}
+
+export interface IToggleIconButtonState {
+    active: boolean,
+}

package/src/components/toggle-icon-button/toggle-icon-button.types.d.ts

@@ -0,0 +1,9 @@
+///<reference types="react" />
+///<reference types="robbyson-frontend-library" />
+
+declare module 'styleguide/ToggleIconButton' {
+    import { IToggleIconButtonProps } from "robbyson-frontend-library";
+    const ToggleIconButton: React.ComponentType<IToggleIconButtonProps>;
+    
+    export default ToggleIconButton;
+}

package/src/components/tooltip/index.d.ts

@@ -0,0 +1 @@
+export * from './tooltip.interface';

package/src/components/tooltip/tooltip.interface.ts

@@ -0,0 +1,21 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export type TooltipPosition = "auto" | "upside" | "downside"
+
+export interface ITooltipProps extends IBaseComponentProp {
+    textLocaleHandle: string;
+    delay?: number;
+    children: any;
+    width?:number;
+    onShow?():void;
+    onHide?():void;
+    className?:string;
+    position?: TooltipPosition;
+}
+
+export interface ITooltipState {
+    hidden: boolean;
+    posX: number;
+    posY: number;
+    position: TooltipPosition;
+}

package/src/components/tooltip/tooltip.types.d.ts

@@ -0,0 +1,9 @@
+///<reference types="react" />
+///<reference types="robbyson-frontend-library" />
+
+declare module 'styleguide/Tooltip' {
+    import { ITooltipProps } from "robbyson-frontend-library";
+    const Tooltip: React.ComponentType<ITooltipProps>;
+    
+    export default Tooltip;
+}

package/src/components/transitions/index.d.ts

@@ -0,0 +1 @@
+export * from './transitions.interfaces';

package/src/components/transitions/transitions.interfaces.ts

@@ -0,0 +1,5 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface ITransitionsProps<T> extends React.DOMAttributes<T>, IBaseComponentProp {
+
+}

package/src/components/transitions/transitions.types.d.ts

@@ -0,0 +1,9 @@
+///<reference types="react" />
+///<reference types="robbyson-frontend-library" />
+
+declare module 'styleguide/Transitions' {
+    import { ITransitionsProps } from "robbyson-frontend-library";
+    const Transitions: React.ComponentType<ITransitionsProps<any>>;
+
+    export default Transitions;
+}

package/src/components/typography/index.d.ts

@@ -0,0 +1 @@
+export * from './typography.interfaces';

package/src/components/typography/typography.interfaces.tsx

@@ -0,0 +1,5 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface ITypographyProps<T> extends React.DOMAttributes<T>, IBaseComponentProp {
+
+}

package/src/components/typography/typography.types.d.ts

@@ -0,0 +1,9 @@
+///<reference types="react" />
+///<reference types="robbyson-frontend-library" />
+
+declare module 'styleguide/Typography' {
+    import { ITypographyProps } from "robbyson-frontend-library";
+    const Typography: React.ComponentType<ITypographyProps<any>>;
+
+    export default Typography;
+}

package/src/components/upload/index.d.ts

@@ -0,0 +1 @@
+export * from './upload.interface';

package/src/components/upload/upload.interface.tsx

@@ -0,0 +1,20 @@
+import { IconHandle } from "../../models";
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface IUploadProps<T> extends React.InputHTMLAttributes<T>, IBaseComponentProp {
+    onFileChange(e: Array<INewFile>): void;
+    uploadTextLocale:string;
+    uploadHoverTextLocale:string;
+    allowedOnly?: string[];
+    uploadIconHandle?: IconHandle;
+    iconSize?:number;
+    variant: 'simple' | 'covered' | 'file-list'
+}
+
+export interface IUploadState<T> {
+    fileList: Array<any>;
+}
+
+export interface INewFile extends File {
+    src: string;
+}

package/src/components/upload/upload.types.d.ts

@@ -0,0 +1,7 @@
+///<reference types="react" />
+
+declare module 'styleguide/Upload' {
+    const Upload: React.ComponentType<IUploadProps<any>>;
+
+    export default Upload;
+}

package/src/constants/index.ts

@@ -0,0 +1 @@
+export * from "./layout-dimensions.constants";

package/src/constants/layout-dimensions.constants.ts

@@ -0,0 +1,6 @@
+export class LayoutDimensions {
+    static _width = {
+        ipadMini: 1133,
+        mobile: 412,
+    }
+}

package/src/factories/base.factory.ts

@@ -0,0 +1 @@
+export abstract class BaseFactory {}

package/src/factories/index.ts

@@ -0,0 +1 @@
+export * from './response.factory';

package/src/factories/response.factory.ts

@@ -0,0 +1,79 @@
+import { BaseFactory } from "./base.factory";
+import { AxiosResponse } from "axios";
+
+enum ResponseStatusLogType {
+    SERVER_RESPONSE = 1,
+    VALIDATION_RESPONSE = 2,
+    SUCCESS_RESPONSE = 3,
+    FAIL_AUTHENTICATE_RESPONSE = 4,
+}
+
+export class ResponseStatusLogMessages {
+    title: string;
+    text: string;
+}
+
+class ResponseStatusLog {
+    public type: ResponseStatusLogType;
+    public messages: ResponseStatusLogMessages[];
+}
+
+export class RobbysonResponse<T> {
+    public data: T;
+    public statusLog: ResponseStatusLog[];
+}
+
+export class RobbysonResponseError {
+    public data: ResponseStatusLogMessages[];
+    
+    constructor(data?: RobbysonResponse<any>) {
+        if (data && this.isRobbysonError(data)) this.buildRobbysonError(data)
+        else this.buildGenericError()
+    }
+    
+    private buildRobbysonError(data: RobbysonResponse<any>): void {
+        this.data = data.statusLog[0].messages.map((message: any) => {
+            if (typeof message === "string") {
+                return { title: message, text: message };
+            }
+            return message;
+        });
+    }
+    
+    private buildGenericError(): void {
+        this.data = [
+            {
+                title: "generic_systemErrorTitle",
+                text: "generic_systemErrorText",
+            },
+        ];
+    }
+
+    private isRobbysonError(data: any): boolean {
+        if (
+            data?.statusLog &&
+            data.statusLog.length &&
+            data.statusLog[0].messages?.length
+        ) {
+            return true
+        }
+        return false
+    }
+}
+export class ResponseFactory implements BaseFactory {
+    private static checkResponseError<T>(response: AxiosResponse<any, any>): void {
+        if (response instanceof Error) throw new RobbysonResponseError();
+
+        if (
+            response.data.statusLog &&
+            response.data.statusLog.length &&
+            response.data.statusLog[0].type !== ResponseStatusLogType.SUCCESS_RESPONSE
+        )
+            throw new RobbysonResponseError(response.data as RobbysonResponse<T>);
+    }
+
+    public static Create<T>(response: AxiosResponse<any, any>):T {
+        this.checkResponseError<T>(response);
+        return response.data.data as T;
+    }
+}