robbyson-frontend-library 0.0.1 → 1.0.0

package/src/components/circular-progress/circular-progress.interface.ts

@@ -0,0 +1,12 @@
+import {IBaseComponentProp} from "../base-component.prop.interface";
+import {IconHandle} from "../../models";
+
+export interface ICircularProgressProps extends IBaseComponentProp {
+    iconHandle: IconHandle;
+    color: string;
+    value: number;
+    total: number;
+    time?: string;
+    totalTime?: string;
+}
+

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

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

package/src/components/circular-progress/index.d.ts

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

package/src/components/colors/colors.interfaces.ts

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

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

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

package/src/components/context-menu/context-menu.interface.ts

@@ -0,0 +1,22 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface IContextMenuProps extends IBaseComponentProp {
+  items: DefaultItem[] | CheckboxItem;
+  onClickItem: (key: string[]) => void;
+  selectedItemsKeys: string[];
+  className?: string;
+  children: React.ReactNode;
+}
+
+export interface DefaultItem {
+  labelLocaleHandle: string;
+  key: string;
+}
+
+export interface CheckboxItem {
+  [titleLocaleHandle: string]: DefaultItem[];
+}
+
+export interface IContextMenuState {
+  show: boolean;
+}

package/src/components/context-menu/context-menu.types.d.ts

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

package/src/components/context-menu/index.d.ts

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

package/src/components/daily-chart/daily-chart.interface.ts

@@ -0,0 +1,22 @@
+import { IconHandle } from "../../models";
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface IDailyChartProps extends IBaseComponentProp {
+    titleLocaleHandle: string;
+    updatedAt:string;
+    money: string;
+    totalMoney: string;
+    minute: string;
+    totalMinute: string;
+    data: IChartData;
+    colorDivision: number[];
+}
+
+export type IChartData = {
+    percentage?: number;
+    date: string;
+    fullDate: string;
+    hour?: string;
+    metaHour?: string;
+    icon?: IconHandle;
+}

package/src/components/daily-chart/daily-chart.types.d.ts

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

package/src/components/daily-chart/index.d.ts

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

package/src/components/date-picker/date-picker.interface.ts

@@ -0,0 +1,15 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+import { ITextFieldProps } from "../text-field";
+
+export interface IDatePickerProps extends IBaseComponentProp {
+    onConfirm: (date: Date) => void;
+    selectedDate: Date | null;
+    customInputOptions?: Omit<ITextFieldProps, "value"> & {
+        isDisabled?: boolean;
+    };
+    maxDate?: Date;
+}
+
+export interface IDatePickerState {
+    selectedDate: Date | null;
+}

package/src/components/date-picker/date-picker.types.d.ts

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

package/src/components/date-picker/index.d.ts

@@ -0,0 +1 @@
+export * from "./date-picker.interface"

package/src/components/divider/divider.interface.ts

@@ -0,0 +1,4 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+export interface IDividerProps<T> extends React.HTMLAttributes<T>, IBaseComponentProp {
+    align?: 'vertical' | 'horizontal';
+}

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

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

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

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

package/src/components/drawer/drawer.interface.ts

@@ -0,0 +1,10 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface IDrawerProps extends IBaseComponentProp {
+    showOverlay: boolean;
+    onClick(): void;
+    scrollBoxHeight: string;
+    children: React.ReactNode;
+    overlayZindex?: string;
+    titleLocaleHandle?: string;
+}

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

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

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

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

package/src/components/dropdown/dropdown.interface.ts

@@ -0,0 +1,52 @@
+import { IconHandle } from "../../models";
+import { IBaseComponentProp } from "../base-component.prop.interface";
+import { IScrollBoxProps } from "../scroll-box";
+
+export interface IDropdownState {
+    isDropdownOpen: boolean;
+}
+
+export interface IDropdownProps
+    extends React.InputHTMLAttributes<any>,
+        IBaseComponentProp {
+    placeholderLocaleHandle?: string;
+    prefixIconHandle?: IconHandle;
+    dropdownOptions?: DropdownOptions;
+    suffixIconHandle?: IconHandle;
+    outSuffixIconHandle?: IconHandle;
+    helperTextLocaleHandle?: string;
+    errorTextLocaleHandle?: string;
+    onPrefixIconPressed?: () => void;
+    onSuffixIconPressed?: () => void;
+    width?: number;
+    height?: number;
+    value: string;
+    mask?: string;
+    hasError?: boolean;
+    fillPrefixIcon?: string;
+    fillSuffixIcon?: string;
+    fillOutSuffixIcon?: string;
+    pointerCursor?: boolean;
+    textarea?: boolean;
+}
+export type ValuesDropdownData = {
+    labelLocaleHandle: string;
+    key: string | number;
+};
+
+export type DropdownOptions = {
+    data: {
+        classification?: string;
+        values: ValuesDropdownData[];
+    }[];
+    selectedKey?: string;
+    multipleSelect?: boolean;
+    selectedKeys?: string[];
+    onClickItem(
+        key: string | number,
+        labelLocaleHandle?: string,
+        classification?: string
+    ): void;
+    scrollBoxProps: Omit<IScrollBoxProps, "children">;
+    value?: string;
+} & IBaseComponentProp;

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

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

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

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

package/src/components/filter/basic-button.types.d.ts

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

package/src/components/filter/filter.interface.tsx

@@ -0,0 +1,61 @@
+import { IconHandle } from "../../models";
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface IFilterState {
+    filters: Array<
+        IFilter & {
+            searchCategories?: Array<string | undefined>;
+            showCategoryFilter?: boolean;
+        }
+    >;
+    width: number;
+    changedFilters: Array<
+        | {
+              id: number;
+              variant: IFilter["variant"];
+              option: IOption;
+          }
+        | undefined
+    >;
+    searchingFilter: number | undefined;
+    filterReturn: IFilterReturn;
+    openFilter: number | undefined;
+    oldFilters: Array<IFilter>
+}
+
+export interface IFilterProps extends IBaseComponentProp {
+    filters: Array<IFilter>;
+    type: "default" | "sidebar";
+    showMobileOrSideBar: boolean;
+    subtitle?: string;
+    onFilter(filter: {}): void;
+    onClose?(): void;
+    debounceTime?: number;
+}
+
+export interface IFilter {
+    title: string;
+    variant: "radio" | "checkbox";
+    id: number;
+    options: Array<IOption>;
+    searchInput?: boolean;
+    searchInputValue?: string;
+}
+
+export interface IOption {
+    name: string;
+    value: string | number | undefined;
+    hasChildren?: boolean;
+    iconHandle?: IconHandle;
+    checked?: boolean;
+    category?: string;
+    bagdeValue?: number;
+}
+
+export interface IFilterReturn {
+    [key: string]: any;
+}
+
+export type IOptionsByCategories = Array<
+    { category: string; options: [IOption & { realIndex: number }] } | undefined
+>;

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

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

package/src/components/header-context-menu/header-context-menu.interface.ts

@@ -0,0 +1,13 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface IHeaderContextMenuProps extends IBaseComponentProp {
+    onClick?(buttonName: string | undefined): void;
+    buttons: Array<IHeaderContextMenuButtons>;
+    activeButton?: IHeaderContextMenuButtons;
+}
+
+export interface IHeaderContextMenuState {
+    activeButton: undefined | IHeaderContextMenuButtons;
+}
+
+export type IHeaderContextMenuButtons = "notification" | "quiz" | "informative" | "chat" | "guidance_all" | "guidance_favorites" | "calendar";

package/src/components/header-context-menu/header-context-menu.types.d.ts

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

package/src/components/header-context-menu/index.d.ts

@@ -0,0 +1 @@
+export * from './header-context-menu.interface';

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

@@ -0,0 +1,7 @@
+import { IconHandle } from "../../models";
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface IIconButtonProps<T> extends React.ButtonHTMLAttributes<T>, IBaseComponentProp {
+  iconHandle: IconHandle;
+  variant: "primary" | "secondary" | "ead" | "meeting";
+}

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

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

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

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

package/src/components/image-progress-graph/image-progress-graph.interface.ts

@@ -0,0 +1,13 @@
+import { IconHandle } from "../../models";
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface IImageProgressGraphProps extends IBaseComponentProp {
+    value?: number;
+    goalValue?: number;
+    imagePath: string;
+    barColor?: string;
+    indicatorIcon?: IconHandle;
+    goalIcon?: IconHandle;
+    showGoalIcon?:boolean;
+    variant: 'simple' | 'general-level';
+}

package/src/components/image-progress-graph/image-progress-graph.types.d.ts

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

package/src/components/image-progress-graph/index.d.ts

@@ -0,0 +1 @@
+export * from './image-progress-graph.interface';

package/src/components/index.ts

@@ -0,0 +1,5 @@
+export * from "./base-component.prop.interface";
+export * from "./base-page.prop.interface";
+export * from "./base-test.prop.interface";
+export * from "./pages/base-app-page.component";
+export * from "./menu.interface";

package/src/components/insight-chart/index.d.ts

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

package/src/components/insight-chart/insight-chart.interface.ts

@@ -0,0 +1,23 @@
+import { IconHandle } from "../../models";
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface IInsightChartProps extends IBaseComponentProp {
+    updatedAt:string;
+    image: IconHandle;
+    percentageAchievement: number;
+    color: string;
+    money: string;
+    totalMoney: string;
+    minute: string;
+    totalMinute: string;
+    data: ChartData[];
+    ticks: number[];
+    meta: number;
+}
+
+export type ChartData = {
+    value?: number;
+    date: string;
+    teamValue?: number;
+    predictionValue?: number;
+}

package/src/components/insight-chart/insight-chart.types.d.ts

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

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

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

package/src/components/loading/loading.interface.ts

@@ -0,0 +1,10 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface ILoadingProps extends IBaseComponentProp {
+    isLoading: boolean;
+    overlayZindex?: string;
+}
+
+export interface ILoadingState {
+    activeIndex: number;
+}

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

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

package/src/components/menu.interface.ts

@@ -0,0 +1,16 @@
+export type MenuItem = {
+    captionLocale: string,
+    iconHandle: string,
+    linkTo: string,
+    disabled?: boolean
+    matchPath?: string;
+}
+
+export interface IMenuProps {
+    items: MenuItem[]
+}
+
+export interface IMenuState {
+    expanded: boolean,
+    location: string,
+}

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

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

package/src/components/modal/modal.interface.ts

@@ -0,0 +1,30 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+import { BasicButtonVariant } from "../basic-button";
+
+type ActionButton = {
+    titleLocaleHandle: string;
+    action: any;
+    variant?: BasicButtonVariant;
+};
+
+export interface IModalState {
+    hidden: boolean;
+}
+
+export interface IModalProps extends IBaseComponentProp {
+    children: any;
+    width?: number;
+    height?: number;
+    closeIcon?: boolean;
+    titleHandleLocale?: string;
+    actionButtons?: ActionButton[];
+    overlayZindex?: string;
+    onCloseModal?(): void;
+    isOpen?: boolean;
+    enableDrawer?: boolean;
+}
+
+export interface IModalActions extends IBaseComponentProp {
+    actionButtons?: ActionButton[];
+    className?: string;
+}

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

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

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

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

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

@@ -0,0 +1,10 @@
+
+import { IconHandle } from "../../models";
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+type SizeMoodButton = 'medium' | 'large';
+
+export interface IMoodButtonProps<T> extends React.ButtonHTMLAttributes<T>, IBaseComponentProp {
+  iconHandle: IconHandle;
+  size?: SizeMoodButton;
+}

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

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

package/src/components/mountain-chart/index.d.ts

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

package/src/components/mountain-chart/mountain-chart.interface.ts

@@ -0,0 +1,11 @@
+import { IconHandle } from "../../models";
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface IMountainChartProps extends IBaseComponentProp {
+    icon?: IconHandle;
+    percentage: number;
+    color: string;
+    width: number;
+    height: number;
+    shouldShowMeta?: boolean;
+}

package/src/components/mountain-chart/mountain-chart.types.d.ts

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

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

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

package/src/components/overlay/overlay.interface.ts

@@ -0,0 +1,7 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface IOverlayProps<T> extends React.HTMLAttributes<T>, IBaseComponentProp {
+    children: React.ReactNode;
+    show: boolean;
+    zIndex?: string;
+}

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

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