@bcrumbs.net/bc-ui 0.0.1

package/lib/addButton/bcadd-button.d.ts

@@ -0,0 +1,11 @@
+import { ChangeEvent } from 'react';
+export interface BCAddButtonProps {
+    className?: string;
+    placeholder?: string;
+    btnContent?: string;
+    onChange: (ev: ChangeEvent<HTMLInputElement>) => void;
+    value?: string;
+    onSubmit: () => void;
+    disabled?: boolean;
+}
+export declare const BCAddButton: ({ className, placeholder, value, onSubmit, onChange, }: BCAddButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/lib/block/bcblock.d.ts

@@ -0,0 +1,8 @@
+export interface BCBlockProps {
+    className?: string;
+    id?: string;
+    children?: any;
+    height?: number;
+}
+export declare const BCBlock: ({ className, id, children, height }: BCBlockProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default BCBlock;

package/lib/button/bcbutton.d.ts

@@ -0,0 +1,39 @@
+import { LegacyRef, MouseEvent } from 'react';
+import { ButtonSize } from '../constants';
+export interface BCButtonDropListItem {
+    key: string;
+    value: string;
+}
+export interface BCButtonProps {
+    className?: string;
+    onClick: (event: MouseEvent<HTMLButtonElement>) => void;
+    onSubClick?: (key: string) => void;
+    text: string;
+    text2?: string;
+    type?: 'button' | 'submit' | 'reset' | undefined;
+    disabled?: boolean;
+    loading?: boolean;
+    icon?: string;
+    hasDropList?: boolean;
+    dropListItems?: BCButtonDropListItem[];
+    refProp?: LegacyRef<HTMLButtonElement>;
+    onClick2?: () => void;
+    buttonSize?: ButtonSize;
+    buttonType?: string;
+    loadingIconPath?: string;
+}
+export interface BCButtonState {
+    showDropdown: boolean;
+}
+export declare const BCButton: {
+    ({ className, onClick, text, disabled, loading, icon, refProp, hasDropList, onClick2, text2, type, buttonSize, buttonType, loadingIconPath, }: BCButtonProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    defaultProps: {
+        className: string;
+        text: string;
+        loading: boolean;
+        disabled: boolean;
+        hasDropList: boolean;
+        dropListItems: undefined;
+    };
+};
+export default BCButton;

package/lib/checkbox/bccheckbox.d.ts

@@ -0,0 +1,9 @@
+import './bccheckbox.scss';
+export interface BCCheckboxProps {
+    className?: string;
+    checked: boolean;
+    onChange?: () => any;
+    label: string;
+}
+export declare const BCCheckbox: (props: BCCheckboxProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default BCCheckbox;

package/lib/constants/ButtonSize.d.ts

@@ -0,0 +1,8 @@
+export declare enum ButtonSize {
+    XXL = "xxl-btn",
+    XL = "xl-btn",
+    L = "lg-btn",
+    M = "md-btn",
+    S = "sm-btn",
+    XS = "xsm-btn"
+}

package/lib/constants/Color.d.ts

@@ -0,0 +1,32 @@
+export declare enum Color {
+    INHERIT = "inherit",
+    PRIMARY = "#2eb582",
+    PRIMARY_LIGHTER = "#6fd8ad",
+    PRIMARY_DARKER = "#09151e",
+    SECONDARY = "#4e4f4f",
+    SECONDARY_LIGHT = "#9b9b9b",
+    SECONDARY_LIGHT_HOVER = "#191919",
+    LIGHT_COLOR = "#ccdbd5",
+    DANGER_COLOR = "#b52e2e",
+    SUCCESS_COLOR = "#2eb582",
+    CONTROLS_COLOR = "#fff",
+    PRIMARY90 = "rgba(46, 181, 130, 0.9)",
+    PRIMARY80 = "rgba(46, 181, 130, 0.8)",
+    PRIMARY60 = "rgba(46, 181, 130, 0.6)",
+    PRIMARY40 = "rgba(46, 181, 130, 0.4)",
+    PRIMARY30 = "rgba(46, 181, 130, 0.3)",
+    PRIMARY20 = "rgba(46, 181, 130, 0.2)",
+    PRIMARY10 = "rgba(46, 181, 130, 0.1)",
+    PRIMARY05 = "rgba(46, 181, 130, 0.05)",
+    SECONDARY90 = "rgb(78, 79, 79, 0.9)",
+    SECONDARY80 = "rgb(78, 79, 79, 0.8)",
+    SECONDARY60 = "rgb(78, 79, 79, 0.6)",
+    SECONDARY50 = "rgb(78, 79, 79, 0.5)",
+    SECONDARY40 = "rgb(78, 79, 79, 0.4)",
+    SECONDARY30 = "rgb(78, 79, 79, 0.3)",
+    SECONDARY20 = "rgb(78, 79, 79, 0.2)",
+    SECONDARY10 = "rgb(78, 79, 79, 0.1)",
+    SECONDARY05 = "rgb(78, 79, 79, 0.05)",
+    PRIMARY_DARKER80 = "rgb(9, 21, 30, 0.8)"
+}
+export default Color;

package/lib/constants/FontFamily.d.ts

@@ -0,0 +1,5 @@
+export declare enum FontFamily {
+    Main = "Montserrat",
+    Secondary = "sans-serif"
+}
+export default FontFamily;

package/lib/constants/IconType.d.ts

@@ -0,0 +1,187 @@
+export declare enum IconType {
+    home = "home",
+    color = "color",
+    colorPalette = "colorPalette",
+    group = "group",
+    user = "user",
+    users = "users",
+    folderMinus = "folderMinus",
+    folderPlus = "folderPlus",
+    close = "fa fa-times",
+    chevronDown = "chevronDown",
+    chevronUpSmall = "chevronUpSmall",
+    chevronDownSmall = "chevronDownSmall",
+    userPlus = "userPlus",
+    volume2 = "volume2",
+    layout = "layout",
+    deleteTrash = "deleteTrash",
+    moneySign = "moneySign",
+    more = "more",
+    moreVertical = "moreVertical",
+    circleSlash = "circleSlash",
+    checkmarkChecked = "checkmarkChecked",
+    checkmarkPartial = "checkmarkPartial",
+    checkmarkUnchecked = "checkmarkUnchecked",
+    checkmarkUncheckedEmpty = "checkmarkUncheckedEmpty",
+    checkmark = "checkmark",
+    chevronRightSmall = "chevronRightSmall",
+    chevronLeftRight = "chevronLeftRight",
+    back = "back",
+    name = "name",
+    flag = "flag",
+    globe = "globe",
+    search = "search",
+    settings = "settings",
+    grid = "grid",
+    columns = "columns",
+    set = "set",
+    setIndividual = "setIndividual",
+    star = "star",
+    starFull = "starFull",
+    edit = "edit",
+    edit2 = "edit2",
+    edit3 = "edit3",
+    info = "fa fa-info",
+    visibleNot = "visibleNot",
+    pin45 = "pin45",
+    pin45Full = "pin45Full",
+    share1 = "share1",
+    share2 = "share2",
+    chevronLeft = "chevronLeft",
+    help = "help",
+    mail = "mail",
+    upload = "upload",
+    menu = "menu",
+    arrowUp = "arrowUp",
+    arrowDown = "arrowDown",
+    clock = "clock",
+    sortAlphabetical = "sortAlphabetical",
+    duplicate = "duplicate",
+    userX = "userX",
+    forward = "forward",
+    save = "save",
+    copy = "copy",
+    google = "google",
+    facebook = "facebook",
+    twitter = "twitter",
+    youtube = "youtube",
+    pinterest = "pinterest",
+    instagram = "instagram",
+    linkedin = "linkedin",
+    yahoo = "yahoo",
+    paper = "paper",
+    rolesAndRights = "rolesAndRights",
+    customBranding = "customBranding",
+    brandControl = "brandControl",
+    settingsSliders = "settingsSliders",
+    minus = "minus",
+    download = "download",
+    html5 = "html5",
+    mp4 = "mp4",
+    pdf = "pdf",
+    amp = "amp",
+    gif = "gif",
+    warning = "fa fa-exclamation-triangle",
+    visible = "visible",
+    lowQuality = "lowQuality",
+    mediumQuality = "mediumQuality",
+    highQuality = "highQuality",
+    maximumQuality = "maximumQuality",
+    optimizedQuality = "optimizedQuality",
+    layoutVertical = "layoutVertical",
+    plusBig = "plusBig",
+    brandKit = "brandKit",
+    premiumBadge = "premiumBadge",
+    premium = "premium",
+    creditCard = "creditCard",
+    moveToFolder1 = "moveToFolder1",
+    loadingSpinner = "loadingSpinner",
+    layoutSquare = "layoutSquare",
+    layoutHorizontal = "layoutHorizontal",
+    lock = "lock",
+    smartphone = "smartphone",
+    etsy = "etsy",
+    soundcloud = "soundcloud",
+    twitch = "twitch",
+    carousel = "carousel",
+    brochure = "brochure",
+    businessCard = "businessCard",
+    card = "card",
+    flyer = "flyer",
+    invitation = "invitation",
+    letterhead = "letterhead",
+    magazineCover = "magazineCover",
+    poster = "poster",
+    certificate = "certificate",
+    resume = "resume",
+    logo = "logo",
+    bookOpen = "bookOpen",
+    book = "book",
+    albumCover = "albumCover",
+    slideshow = "slideshow",
+    fhdSlideshow = "fhdSlideshow",
+    video = "video",
+    customSize = "customSize",
+    zoomToFit = "zoomToFit",
+    zoomOneToOne = "zoomOneToOne",
+    scaledPreview = "scaledPreview",
+    playFull = "playFull",
+    play = "play",
+    stop = "stop",
+    pause = "pause",
+    resetPlayPositionSkipBack = "resetPlayPositionSkipBack",
+    plusWide = "plusWide",
+    exit = "exit",
+    resize = "resize",
+    vector = "vector",
+    unlink = "unlink",
+    text = "text",
+    target = "target",
+    tag = "tag",
+    button = "button",
+    refresh = "refresh",
+    playWithCircle = "playWithCircle",
+    pauseWithCircle = "pauseWithCircle",
+    replay = "replay",
+    chevronRight = "chevronRight",
+    feed = "feed",
+    list = "list",
+    repeat = "repeat",
+    refreshccw = "refreshccw",
+    penTool = "penTool",
+    cornerLeftUpArrowEnabled = "cornerLeftUpArrowEnabled",
+    cornerRightBottomArrow = "cornerRightBottomArrow",
+    command = "command",
+    control = "control",
+    letterF = "letterF",
+    videoPlay = "videoPlay",
+    attachment = "attachment",
+    comment = "comment",
+    commentPin2 = "commentPin2",
+    commentNew = "commentNew",
+    adTag = "adTag",
+    aA = "aA",
+    calendar = "calendar",
+    sad = "sad",
+    app = "app",
+    union = "union",
+    bgRemove = "bgRemove",
+    thumbsUp = "thumbsUp",
+    thumbsDown = "thumbsDown",
+    key = "key",
+    approval = "approval",
+    psdFile = "psdFile",
+    letterT = "letterT",
+    letterT2 = "letterT2",
+    show = "fa fa-eye",
+    hide = "fa fa-eye-slash",
+    exclamation = "fa fa-exclamation-circle",
+    folder = "fa fa-folder-o",
+    file = "fa fa-file-o",
+    levelUp = "fa fa-level-up",
+    plus = "fa fa-plus-square-o",
+    image = "fa fa-file-image-o",
+    externalLink = "fa fa-external-link",
+    link = "fa fa-link"
+}
+export default IconType;

package/lib/constants/Key.d.ts

@@ -0,0 +1,14 @@
+export declare enum Key {
+    Enter = "Enter",
+    NumpadEnter = "NumpadEnter",
+    Escape = "Escape",
+    ArrowLeft = "ArrowLeft",
+    ArrowRight = "ArrowRight",
+    ArrowUp = "ArrowUp",
+    ArrowDown = "ArrowDown",
+    Meta = "Meta",
+    Backspace = "Backspace",
+    Delete = "Delete",
+    Tab = "Tab"
+}
+export default Key;

package/lib/constants/KeyCode.d.ts

@@ -0,0 +1,3 @@
+export declare enum keyCode {
+    ESC = 27
+}

package/lib/constants/LineHeight.d.ts

@@ -0,0 +1,10 @@
+export declare const LineHeight: {
+    10: string;
+    12: string;
+    16: string;
+    18: string;
+    22: string;
+    26: string;
+    32: string;
+};
+export default LineHeight;

package/lib/constants/TextAlign.d.ts

@@ -0,0 +1,7 @@
+export declare enum TextAlign {
+    CENTER = "center",
+    LEFT = "left",
+    RIGHT = "right",
+    JUSTIFY = "justify"
+}
+export default TextAlign;

package/lib/constants/TextSize.d.ts

@@ -0,0 +1,10 @@
+export declare enum TextSize {
+    XXS = 10,
+    XS = 12,
+    S = 16,
+    M = 18,
+    L = 22,
+    XL = 26,
+    XXL = 32
+}
+export default TextSize;

package/lib/constants/TextStyle.d.ts

@@ -0,0 +1,5 @@
+export declare enum TextStyle {
+    NORMAL = "normal",
+    ITALIC = "italic"
+}
+export default TextStyle;

package/lib/constants/TextWeight.d.ts

@@ -0,0 +1,7 @@
+export declare enum TextWeight {
+    LIGHT = 100,
+    REGULAR = 300,
+    MEDIUM = 500,
+    BOLD = 700
+}
+export default TextWeight;

package/lib/constants/WhiteSpace.d.ts

@@ -0,0 +1,12 @@
+export declare enum WhiteSpace {
+    NORMAL = "normal",
+    NOWRAP = "nowrap",
+    PRE = "pre",
+    PRE_WRAP = "pre-wrap",
+    PRE_LINE = "pre-line",
+    BREAK_SPACES = "break-spaces",
+    INHERIT = "inherit",
+    INITIAL = "initial",
+    UNSET = "unset"
+}
+export default WhiteSpace;

package/lib/constants/index.d.ts

@@ -0,0 +1,10 @@
+export * from './Color';
+export * from './FontFamily';
+export * from './IconType';
+export * from './LineHeight';
+export * from './TextAlign';
+export * from './TextSize';
+export * from './TextStyle';
+export * from './TextWeight';
+export * from './WhiteSpace';
+export * from './ButtonSize';

package/lib/dropList/bcdrop-list.d.ts

@@ -0,0 +1,24 @@
+export interface BCDropListOptionsType {
+    icon?: string;
+    text: string;
+    styleClass?: string;
+    value: string;
+    note?: string;
+}
+export interface BCDropListProps {
+    className?: string;
+    selected: string;
+    options: BCDropListOptionsType[];
+    onSelectOption: (value?: string) => void;
+    noEmpty?: boolean;
+    emptyText?: string;
+    placeholder?: string;
+}
+export declare const BCDropList: {
+    ({ className, selected, options, onSelectOption, noEmpty, placeholder, emptyText }: BCDropListProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    defaultProps: {
+        className: string;
+        noEmpty: boolean;
+    };
+};
+export default BCDropList;

package/lib/dropZone/index.d.ts

@@ -0,0 +1,11 @@
+import { PropsWithChildren } from 'react';
+export interface BCDropZoneProps {
+    onDrop: (acceptedFiles: File[], rejectedFiles: File[]) => void;
+    onDragEnter: () => void;
+    onDragLeave: () => void;
+    multiple?: boolean;
+    acceptedFileTypes: string[];
+    maxSize?: number;
+}
+export declare const BCDropZone: ({ children, onDrop, onDragEnter, onDragLeave, multiple, acceptedFileTypes, maxSize, }: PropsWithChildren<BCDropZoneProps>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default BCDropZone;

package/lib/hooks/useForceUpdate/index.d.ts

@@ -0,0 +1,2 @@
+export declare function useForceUpdate(): () => void;
+export default useForceUpdate;

package/lib/hooks/useForm/fieldsTypes.d.ts

@@ -0,0 +1,9 @@
+export declare const FIELDS_TYPES: {
+    Password: string;
+    Text: string;
+    Email: string;
+    Number: string;
+    Boolean: string;
+    Droplist: string;
+    File: string;
+};

package/lib/hooks/useForm/index.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+import { BCValidationTypes } from './validationConstant';
+import { BCDropListOptionsType } from '../../dropList/bcdrop-list';
+export declare const FormGroup: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+interface FormData {
+    value: string;
+    isValid: boolean;
+    message: string;
+    validations?: FormValidation[];
+}
+interface FormField {
+    value: string;
+    validations?: FormValidation[];
+}
+interface FormValidation {
+    validationType: BCValidationTypes;
+    additionalParam?: string;
+}
+type FieldType = 'password' | 'text' | 'number' | 'boolean' | 'droplist' | 'file' | 'email';
+interface useBCFormReturnFunctions {
+    setFieldValue: (name: string, value: string, validations?: FormValidation[]) => void;
+    setFieldError: (name: string, error: string) => void;
+    validateField: (key: string, validationType: BCValidationTypes, additionalParam?: string) => boolean;
+    validateForm: () => boolean;
+    onChange: (targetVal: string, e: React.ChangeEvent<HTMLInputElement>) => void;
+    resetValidationStates: () => void;
+    renderField: (name: string, label: string, type: FieldType, readonly?: boolean, placeholder?: string, tooltip?: string) => JSX.Element;
+    _renderFieldInput: (name: string, type: FieldType, readonly: boolean, placeholder: string) => JSX.Element;
+    onDroplistSelectionChange: (name: string, selectedKey?: string) => void;
+    renderDroplistField: (name: string, label: string, options: BCDropListOptionsType[], placeholder?: string, tooltip?: string) => JSX.Element;
+}
+type useMBFormReturnType = [
+    {
+        [key: string]: FormData;
+    },
+    useBCFormReturnFunctions
+];
+export declare const useBCForm: (formInitialValue?: {
+    [key: string]: FormField;
+} | undefined, t?: any) => useMBFormReturnType;
+export default useBCForm;

package/lib/hooks/useForm/validationConstant.d.ts

@@ -0,0 +1,28 @@
+export declare const BCValidations: {
+    emailValidation: RegExp;
+    passwordValidation: RegExp;
+    urlValidation: RegExp;
+    phoneNumberValidation: RegExp;
+    turkishIdentity: RegExp;
+    licencePlate: RegExp;
+    domain: RegExp;
+};
+export declare const BCDefaultValidationMessages: {
+    emailMessage: string;
+    domainMessage: string;
+    passwordMessage: string;
+    confirmPasswordMessage: string;
+    nameMessage: string;
+    emptyMessage: string;
+    urlMessage: string;
+    usernameMessage: string;
+};
+export declare enum BCValidationTypes {
+    NOT_EMPTY = "NOT_EMPTY",
+    EMAIL = "EMAIL",
+    PASSWORD = "PASSWORD",
+    CONFIRM_PASSWORD = "CONFIRM_PASSWORD",
+    NAME_2_LETTERS = "NAME_2_LETTERS",
+    TURKISH_IDENTITY = "TURKISH_IDENTITY",
+    DOMAIN = "DOMAIN"
+}

package/lib/hooks/useInterval/index.d.ts

@@ -0,0 +1,2 @@
+declare function useInterval(callback: () => void, delay: number | null): void;
+export default useInterval;

package/lib/hooks/withEnterAnimation/index.d.ts

@@ -0,0 +1 @@
+export declare const withEnterAnimation: () => (BaseComponent: any) => any;

package/lib/icon/bcicon.d.ts

@@ -0,0 +1,17 @@
+import Color from '../constants/Color';
+import IconType from '../constants/IconType';
+export declare enum IconSize {
+    XXL = 72,
+    XL = 42,
+    L = 28,
+    M = 18,
+    S = 14
+}
+export type IconProps = {
+    icon: IconType;
+    size?: IconSize;
+    color?: Color;
+    className?: string;
+    dataQA?: string;
+};
+export declare function BCIcon({ icon, size, color, className, dataQA, }: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/lib/iconButton/index.d.ts

@@ -0,0 +1,13 @@
+import { PropsWithChildren } from 'react';
+import IconType from '../constants/IconType';
+import { IconSize } from '../icon/bcicon';
+import { Color } from '../constants/Color';
+export type IconButtonProps = {
+    onClick: () => void;
+    size?: IconSize;
+    icon: IconType;
+    tooltipContent?: string;
+    className?: string;
+    color?: Color;
+};
+export declare function IconButton({ onClick, icon, size, tooltipContent, className, color, }: PropsWithChildren<IconButtonProps>): import("@emotion/react/jsx-runtime").JSX.Element;

package/lib/loading/loading.d.ts

@@ -0,0 +1,9 @@
+import 'react-loader-spinner/dist/loader/css/react-spinner-loader.css';
+export interface LoadingProps {
+    className?: string;
+    showBox?: boolean;
+    blurContainer?: string;
+    color?: string;
+}
+export declare const BCLoading: ({ className, showBox, blurContainer, color, }: LoadingProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+export default BCLoading;

package/lib/navigation/bcnavigation.d.ts

@@ -0,0 +1,40 @@
+export interface BCNavigationProps {
+    brand: string;
+    handleLeftNavItemClick: (event: any, viewName: string) => void;
+    navModel: {
+        brand: string;
+        leftLinks: Array<{
+            label: string;
+            icon: string;
+            toolTip?: string;
+            activeIcon?: string;
+            link: string;
+            view: string;
+            isRouteBtn: boolean;
+            alwaysShows: boolean;
+            showWhenUserAuth: boolean;
+            hideWhenUserAuth: boolean;
+            anotherWebsite?: boolean;
+            className?: string;
+        }>;
+        leftBottomLinks: Array<{
+            label: string;
+            icon: string;
+            toolTip?: string;
+            activeIcon?: string;
+            link: string;
+            view: string;
+            isRouteBtn: boolean;
+            alwaysShows: boolean;
+            showWhenUserAuth: boolean;
+            hideWhenUserAuth: boolean;
+            anotherWebsite?: boolean;
+            className?: string;
+        }>;
+    };
+    location: any;
+    name?: string;
+    surname?: string;
+}
+export declare const BCNavigation: ({ brand, navModel, handleLeftNavItemClick, name, surname, location, }: BCNavigationProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default BCNavigation;

package/lib/navigation/left-nav/index.d.ts

@@ -0,0 +1,26 @@
+export type NavItem = {
+    label: string;
+    icon: string;
+    toolTip?: string;
+    activeIcon?: string;
+    link: string;
+    view: string;
+    isRouteBtn: boolean;
+    alwaysShows: boolean;
+    showWhenUserAuth?: boolean;
+    hideWhenUserAuth?: boolean;
+    anotherWebsite?: boolean;
+    className?: string;
+};
+export type Props = {
+    leftLinks: Array<NavItem>;
+    onLeftNavButtonClick: (event: any, viewName: string) => void;
+    className?: string;
+    location: any;
+    brand: string;
+};
+declare const LeftNav: {
+    ({ leftLinks, onLeftNavButtonClick, className, location, }: Props): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default LeftNav;

package/lib/navigation/left-nav/leftNavButton/index.d.ts

@@ -0,0 +1,13 @@
+export type Props = {
+    link: string;
+    label: string;
+    viewName: string;
+    onClick: (event: any, viewName: string) => void;
+    active: boolean;
+    activeIcon?: string;
+    icon: string;
+    anotherWebsite?: boolean;
+    toolTip?: string;
+};
+export declare const LeftNavButton: ({ link, label, viewName, onClick, active, activeIcon, icon, anotherWebsite, toolTip, }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default LeftNavButton;