reactive-bulma 4.0.30 → 4.1.1

package/dist/esm/types/interfaces/commonProps.d.ts

@@ -1,25 +0,0 @@
-export interface ContainerProps {
-    /** `Attribute` *For container case*. ID used to locate the element in unit test suites (like Jest) */
-    containerTestId?: string;
-    /** `Attribute` *For container case*. Custom CSS classes, applicable for specific scenarios */
-    containerCssClasses?: string;
-    /** `Attribute` *For container case*. Custom styling applicable for specific scenarios */
-    containerStyle?: React.CSSProperties;
-}
-export interface ElementProps {
-    /** `Attribute` ID used to locate the element in unit test suites (like Jest) */
-    testId?: string;
-    /** `Attribute` Custom CSS classes, applicable for specific scenarios */
-    cssClasses?: string;
-    /** `Attribute` Custom styling applicable for specific scenarios */
-    style?: React.CSSProperties;
-}
-export interface ComposedElementProps extends ElementProps, ContainerProps {
-}
-export interface ClickeableProps {
-    /** `Function` Click function, alone does not nothing, but can be reused for other components */
-    onClick?: () => void;
-}
-export interface GenericObjectProps {
-    [key: string]: string | number | boolean | object;
-}

package/dist/esm/types/interfaces/functionProps.d.ts

@@ -1,16 +0,0 @@
-import { GenericObjectProps } from './commonProps';
-interface RegExpRule {
-    regExp?: RegExp;
-    replacer?: string;
-}
-export interface ParseTestIdProps {
-    tag: string;
-    parsedClasses: string;
-    rules?: RegExpRule[];
-    separator?: string;
-}
-export interface CreateObjArrayProps {
-    numberOfItems?: number;
-    externalParser?: (i: number) => GenericObjectProps;
-}
-export {};

package/dist/esm/types/interfaces/moleculeProps.d.ts

@@ -1,231 +0,0 @@
-import { ClickeableProps, ComposedElementProps, ElementProps } from './commonProps';
-import { BreadcrumbItemProps, ButtonProps, ColumnProps, DeleteProps, DropdownItemProps, IconProps, ImageProps, InputProps, MenuItemProps, NavBarItemProps, PaginationItemProps, TabItemProps, TableCellProps, TableHeadCellProps, TileProps } from './atomProps';
-import { BasicColorType, RightCenteredAlignType, BreadcrumbSeparatorType, ColumnGapType, SizeWithoutNormalType, TabsFormatType, MediumAndLargeSizeType, RightLeftAlignType } from '../types/styleTypes';
-import { ChildrenType, SingleChildType, PanelBlockItemType } from '../types/domTypes';
-export interface ButtonGroupProps extends ElementProps {
-    /** `Atribute` `Required` Array of `Button` objects that will be shown */
-    buttonList: ButtonProps[];
-    /** `Styling` Will group the list of buttonList in a single line */
-    isAttached?: boolean;
-    /** `Styling` Sets group position on the container */
-    position?: 'left' | 'centered' | 'right';
-}
-export interface ColumnGroupProps extends ElementProps {
-    /** `Atribute` `Required` Array of `Column` objects that will be shown */
-    listOfColumns: ColumnProps[];
-    /** `Styling` Will adjust column structure display layout in case you want to work on mobiles */
-    isMobileLayout?: boolean;
-    /** `Styling` Will reorder column display in multiple lines each time exceeds viewport width */
-    isMultiline?: boolean;
-    /** `Styling` Will center the list of columns vertically */
-    isVerticallyCentered?: boolean;
-    /** `Styling` Will center the list of columns horizontally */
-    isHorizontallyCentered?: boolean;
-    /** `Styling` Will adjust the space between the columns. In case to set null, it will remove those gaps */
-    gap?: ColumnGapType | null;
-}
-export interface NotificationProps extends ElementProps {
-    /** `Attribute` Reffers to the component or array of components that will be shown inside the column */
-    children?: ChildrenType;
-    /** `Atribute` Includes a `Delete` config object that will be shown */
-    deleteButton?: DeleteProps;
-    /** `Styling` Color based on bulma's color tokens */
-    color?: BasicColorType;
-    /** `Styling` Will adjust the selected color with a ligther style */
-    isLightColor?: boolean;
-}
-export interface BreadcrumbsProps extends ComposedElementProps {
-    /** `Atribute` `Required` Array of `BreadcrumbItems` objects that will be shown */
-    items: BreadcrumbItemProps[];
-    /** `Styling` Will adjust element position on screen */
-    alignment?: RightCenteredAlignType | null;
-    /** `Styling` Will adjust element position on screen */
-    separator?: BreadcrumbSeparatorType | null;
-    /** `Styling` Set breadcrumb's size on bulma's size tokens */
-    size?: SizeWithoutNormalType;
-}
-export interface DropdownProps extends ElementProps {
-    /** `Atribute` `Required` Sets the name will be shown on the dropdown input */
-    inputText: string;
-    /** `Attribute` Sets a relationship between dropdown trigger's button and dropdown's menu to toggle display */
-    dropdownPointer?: string;
-    /** `Atribute` `Required` Array of `DropdownItem` objects that will be shown on its menu */
-    listOfItems: DropdownItemProps[];
-}
-export interface MessageProps extends ElementProps {
-    /** `Atribute` Sets the header's text that will be shown on message's darker zone */
-    headerText?: string;
-    /** `Atribute` `Required` Sets the body's text that will be shown on message's lighter zone */
-    bodyText: string;
-    /** `Atribute` Includes a `Delete` config object that will be shown */
-    deleteButton?: DeleteProps;
-    /** `Styling` Color based on bulma's color tokens */
-    color?: BasicColorType;
-    /** `Styling` Set button's size on bulma's size tokens */
-    size?: SizeWithoutNormalType;
-}
-interface MenuSubListProps {
-    subListTitle: MenuItemProps;
-    subItems: MenuItemProps[];
-}
-type MenuListItemType = MenuItemProps | MenuSubListProps;
-export interface MenuListProps extends ElementProps {
-    /** `Attribute` `Required` List of menu items that can be used as single ones or in a list/sublist format */
-    itemList: Array<MenuListItemType>;
-}
-interface MenuSectionProps {
-    /** `Attribute` `Required` Label that will be show at the beginning of each section */
-    label: string;
-    /** `Attribute` `Required` List of menu items that can be used as single ones or in a list/sublist format */
-    itemList: Array<MenuListItemType>;
-}
-export interface MenuProps extends ElementProps {
-    /** `Attribute` `Required` List of sections that can be single or second level MenuItems */
-    menuSections: MenuSectionProps[];
-}
-export interface PaginationNavigationButtonProps extends ClickeableProps {
-    /** `Attribute` `Required` Text that will be shown on the button */
-    text: string;
-    /** `Attribute` Will disable the button */
-    isDisabled?: boolean;
-    /** `Attribute` Custom CSS classes, applicable for specific scenarios */
-    cssClasses?: string;
-}
-export interface PaginationProps extends ComposedElementProps {
-    /** `Attribute` `Required` List of sections that can be single or second level MenuItems */
-    pages: PaginationItemProps[];
-    /** `Attribute` Adds a couple of ellipsis between the first and last item */
-    hasEllipsis?: boolean;
-    /** `Attribute` Number of items that will be hidden if `hasEllipsis` is `true` */
-    ellipsisItems?: number;
-    /** `Attribute` Toogle `Previous` and `Next page` buttons next to the selectable pages */
-    showPreviousPageButton?: PaginationNavigationButtonProps | null;
-    /** `Attribute` Toogle `Previous` and `Next page` buttons next to the selectable pages */
-    showNextPageButton?: PaginationNavigationButtonProps | null;
-    /** `Styling` Will add round borders to each page's shape */
-    isRounded?: boolean;
-    /** `Styling` Set button's size on bulma's size tokens */
-    size?: SizeWithoutNormalType;
-    /** `Styling` Will adjust the pages position on screen */
-    alignment?: RightCenteredAlignType | null;
-}
-export interface ModalProps extends ComposedElementProps {
-    /** `Attribute` Reffers to the component or array of components that will be shown inside the column */
-    children?: ChildrenType | null;
-    /** `Function` Custom function related to the modal's close button to inject custom code if needed */
-    onCloseClick?: () => void;
-}
-export interface TabsProps extends ElementProps {
-    /** `Attribute` `Required` List of tabs that will be shown in order */
-    tabs: TabItemProps[];
-    /** `Styling` Will adjust the tabs position on screen */
-    alignment?: RightCenteredAlignType;
-    /** `Styling` Set tab's size on bulma's size tokens */
-    size?: SizeWithoutNormalType;
-    /** `Styling` Set tab's size on bulma's size tokens */
-    format?: TabsFormatType;
-    /** `Styling` Will add round tabs borders. Only visible if `format` is set to `is-toggle` */
-    isRounded?: boolean;
-    /** `Styling` The whole container will occupy its parent container width */
-    isFullWidth?: boolean;
-}
-export interface InputControlProps extends ElementProps {
-    /** `Attribute` `Required` control's input configuration which will be wrapped */
-    inputConfig: InputProps;
-    /** `Attribute` `Icon` configuration that will be shown in Input's left side */
-    leftIcon?: IconProps;
-    /** `Attribute` `Icon` configuration that will be shown in Input's right side */
-    rightIcon?: IconProps;
-    /** `Styling` Set control and its input size on bulma's size tokens */
-    size?: SizeWithoutNormalType;
-    /** `Styling` Will add an animated spinner on input's right side */
-    isLoading?: boolean;
-    /** `Styling` Used for `FormField` styling purpose only. Will strech the input and its container in full-width */
-    isExpanded?: boolean;
-}
-export interface PanelBlockItemProps {
-    /** `Attribute` `Required` Indicates to component's parser which type of component will be rendered based on its option */
-    type: PanelBlockItemType;
-    /** `Attribute` `Required` The component properties that will configure that specific instance */
-    props: InputControlProps | IconProps | ButtonProps;
-}
-export interface PanelBlockProps extends ComposedElementProps, ClickeableProps {
-    /** `Attribute` `Required` Configuration object with a type and a set of props based on the available components that could be rendered in each `PanelBlock` */
-    config: PanelBlockItemProps;
-    /** `Attribute` Usable when config's U is `icon` only. It will display a text next to mentioned icon (for user purposes) */
-    blockText?: string;
-    /** `Styling` Used for `PanelBlock` styling purpose only. Will mark its rendered component as the one selected among its group */
-    isActive?: boolean;
-}
-export interface PanelTabItem extends ClickeableProps {
-    /** `Attribute` `Required` Will show the text to the user in shape of tab */
-    text: string;
-    /** `Styling` Used for `PanelTab` styling purpose only. Will mark its rendered component as the one selected among its group */
-    isActive?: boolean;
-}
-export interface PanelTabsProps extends ElementProps {
-    /** `Attribute` `Required` A list of configuration objects that will render a set of tabs */
-    tabList: PanelTabItem[];
-}
-export interface LevelItemProps extends ElementProps {
-    /** `Attribute` `Required` Reffers to the component or string content that will be shown inside the level */
-    content: SingleChildType;
-    /** `Styling` Centers item's content horizontally */
-    isCentered?: boolean;
-}
-export interface TileBoxProps extends TileProps {
-}
-export interface FooterProps extends ComposedElementProps {
-    /** `Attribute` `Required` Reffers to the component, list of components or string content that will be shown inside the footer */
-    content: ChildrenType;
-    /** `Styling` Centers footer¿s content horizontally */
-    isContentCentered?: boolean;
-}
-export interface MediaProps extends ElementProps {
-    /** `Attribute` Reffers to the component or string content that will be shown inside the component's left side */
-    leftContent?: SingleChildType;
-    /** `Attribute` Reffers to the component or string content that will be shown inside the component's center */
-    centerContent?: SingleChildType;
-    /** `Attribute` Reffers to the component or string content that will be shown inside the component's right side */
-    rightContent?: SingleChildType;
-}
-export interface SectionProps extends ElementProps {
-    /** `Attribute` `Required` Reffers to the component or string content that will be shown inside the section */
-    content: SingleChildType;
-    /** `Styling` Set button's size on bulma's size tokens */
-    size?: MediumAndLargeSizeType;
-}
-export interface NavBarDropdownProps extends ComposedElementProps {
-    /** `Attribute` `Required` It will show the presentation text to be clicked or hovered in order to display its menu */
-    text: string;
-    /** `Attribute` `Required` A list of configuration objects that will render in dropdown's menu. Those can be items or dividers */
-    items: Array<NavBarItemProps | 'divider'>;
-    /** `Styling` Used for `NavBar` styling purpose only. Will set the dropdown on a specific position based on the proveded value */
-    position?: RightLeftAlignType;
-    /** `Styling` Used to display dropdown's menu when user clicks on its text */
-    isActive?: boolean;
-    /** `Styling` Similar to `isActive`, but will display when user hovers its pointer on its text */
-    isHoverable?: boolean;
-    /** `Styling` Sets dropdown's menu on top of the text instead default styling */
-    hasDropdownUp?: boolean;
-    /** `Styling` Sets dropdown's menu design like a box, also adds some animation when its diplayed */
-    hasBoxedMenu?: boolean;
-}
-interface BrandConfigProps extends Omit<NavBarItemProps, 'children'> {
-    children: ImageProps;
-}
-export interface NavBarBrandProps extends ElementProps {
-    /** `Attribute` `Required` Configuration object to inject a `NavBarItem` with a Image configuration as its children */
-    brandConfig: BrandConfigProps;
-    /** `Styling` It sets brand's burger button as active (changing looks from a burger to a cross) */
-    isBurgerActive?: boolean;
-}
-export interface TableRowProps extends ElementProps, ClickeableProps {
-    /** `Attribute` Configuration object to inject a `TableHeaderCell` as row's head */
-    headCell?: TableHeadCellProps;
-    /** `Attribute` `Required` List of `TableCell` that will be rendered on the table */
-    listOfCells: TableCellProps[];
-    /** `Styling` Used for `Table` styling purpose only. Will set row's background color to indicate it has been selected by the user */
-    isSelected?: boolean;
-}
-export {};

package/dist/esm/types/interfaces/organismProps.d.ts

@@ -1,112 +0,0 @@
-import { ClickeableProps, ElementProps } from './commonProps';
-import { InputControlProps, LevelItemProps, NavBarBrandProps, NavBarDropdownProps, PanelBlockProps, PanelTabsProps, TableRowProps } from './moleculeProps';
-import { ImageProps, NavBarItemProps, TableHeadCellProps, TileProps } from './atomProps';
-import { BasicColorType, SizeWithHeightType } from '../types/styleTypes';
-import { ChildrenType, NavBarFixedPositionType } from '../types/domTypes';
-export interface FormFieldHelperProps {
-    text?: string;
-    color?: BasicColorType;
-}
-export interface FormFieldProps extends ElementProps {
-    /** `Attribute` `Required` Single or multiple `InputControlProps` config objects which will be wrapped around the `FormField` */
-    inputControlConfig: InputControlProps | InputControlProps[];
-    /** `Attribute` Sets a custom text before the wrapped input to indicate its usage */
-    labelText?: string;
-    /** `Attribute` Adds a helper text below the wrapped paragraph to provide context information */
-    helperConfig?: FormFieldHelperProps;
-    /** `Styling` Will adjust field's sections (label, input/s and helper) in horizontal position */
-    isHorizontal?: boolean;
-    /** `Styling` Will group the list of inputs in a same wrapper (useful for several inputs with same usage, as a complex address) */
-    isGrouped?: boolean;
-}
-export interface PanelProps extends ElementProps {
-    /** `Attribute` `Required` Will display Panel's header text */
-    headerText: string;
-    /** `Attribute` A configuration object that will render a set of tabs based on `PanelTab` component */
-    panelTabs?: PanelTabsProps;
-    /** `Attribute` `Required` A list of configuration objects that will render a list of block with different components, based on `PanelBlockList` component */
-    blockList: PanelBlockProps[];
-    /** `Styling` Color based on bulma's text color tokens */
-    color?: BasicColorType;
-}
-export interface LevelProps extends ElementProps {
-    /** `Attribute` A list of `LevelItem` configurations that will br displayed in Level's left side */
-    leftSide?: LevelItemProps[];
-    /** `Attribute` A list of `LevelItem` configurations that will br displayed in Level's center */
-    centerSide?: LevelItemProps[];
-    /** `Attribute` A list of `LevelItem` configurations that will br displayed in Level's right side */
-    rightSide?: LevelItemProps[];
-    /** `Styling` Will adjust the navigator on horizontal on mobile as well */
-    isMobile?: boolean;
-}
-export interface HeroProps extends ElementProps {
-    /** `Attribute` Designated section for hero's header, it will be visible only if container's `size` is setted to `is-fullheight` */
-    header?: ChildrenType;
-    /** `Attribute` `Required` Designated section for hero's body */
-    body: ChildrenType;
-    /** `Attribute` Designated section for hero's footer, it will be visible only if container's `size` is setted to `is-fullheight` */
-    footer?: ChildrenType;
-    /** `Styling` Set hero's size */
-    size?: SizeWithHeightType;
-    /** `Styling` Color based on bulma's text color tokens */
-    color?: BasicColorType;
-}
-export interface TileGroupProps extends ElementProps, Pick<TileProps, 'context' | 'isVertical' | 'size'> {
-    /** `Attribute` `Required` A list of `Title` configurations that will be displayed in a grid mode on the screen */
-    groupConfig: TileProps[];
-}
-export interface NavBarMenuProps {
-    itemList: Array<NavBarItemProps | NavBarDropdownProps>;
-    showInMobile?: boolean;
-}
-export interface NavBarProps extends ElementProps {
-    /** `Attribute` Configuration object for navbar's left section, it needs of a `NavBarBrand` object to be displayed at NavBar's start */
-    brandConfig?: NavBarBrandProps;
-    /** `Attribute` Configuration object for navbar's left section, it needs of a list of `NavBarItem` or `NavBarDropdown` objects to be displayed */
-    itemsAtStart?: NavBarMenuProps;
-    /** `Attribute` Configuration object for navbar's right section, it needs of a list of `NavBarItem` or `NavBarDropdown` objects to be displayed */
-    itemsAtEnd?: NavBarMenuProps;
-    /** `Styling` Sets navbar's position at screen's top or bottom */
-    fixedPosition?: NavBarFixedPositionType;
-    /** `Styling` Color based on bulma's text color tokens */
-    color?: BasicColorType;
-    /** `Styling` Sets navbar's color as transparent */
-    isTransparent?: boolean;
-    /** `Styling` Adds a small padding around the navbar */
-    isSpaced?: boolean;
-    /** `Styling` Adds a small shadow on navbar's bottom */
-    hasShadow?: boolean;
-}
-export interface CardFooterProps extends ClickeableProps {
-    text: string;
-}
-export interface CardProps extends ElementProps {
-    /** `Attribute` It will shot a text on card's top, just a paragraph */
-    headerText?: string;
-    /** `Attribute` A single configuration object that will render an `Image` component */
-    image?: ImageProps;
-    /** `Attribute` `Required` Deisgnated section where you can include a string, a single or list of components (each one separated in its own `content` section) */
-    content: ChildrenType;
-    /** `Attribute` A list of footer links that will be rendered on card's bottom, below its content */
-    footerLinks?: CardFooterProps[];
-}
-export interface TableProps extends ElementProps {
-    /** `Attribute` `Required` Configuration object that will display table's head */
-    head: TableHeadCellProps[];
-    /** `Attribute` `Required` Configuration object that will display table's body */
-    body: TableRowProps[];
-    /** `Attribute` Configuration object that will display table's foot */
-    foot?: TableHeadCellProps[];
-    /** `Styling` It will add a Bordered styling to the table. It can be combined with other mentioned styling properties. */
-    isBordered?: boolean;
-    /** `Styling` It will add a Striped styling to the table. It can be combined with other mentioned styling properties. */
-    isStriped?: boolean;
-    /** `Styling` It will add a Narrow styling to the table. It can be combined with other mentioned styling properties. */
-    isNarrow?: boolean;
-    /** `Styling` It will add a Hoverable styling to the table. It can be combined with other mentioned styling properties. */
-    isHoverable?: boolean;
-    /** `Styling` It will add a Fullwidth styling to the table. It can be combined with other mentioned styling properties. */
-    isFullwidth?: boolean;
-    /** `Styling` Will create a container around the table in order to make it scrollable */
-    isContained?: boolean;
-}

package/dist/esm/types/types/domTypes.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-export type ButtonType = 'submit' | 'reset' | 'button';
-export type InputType = 'text' | 'password' | 'email' | 'tel';
-export type DropdownItemType = 'item' | 'link' | 'divider';
-export type PanelBlockItemType = 'icon' | 'control' | 'button';
-export type ChildrenType = string | React.ReactElement | React.ReactElement[];
-export type SingleChildType = Exclude<ChildrenType, React.ReactElement[]>;
-export declare enum IconSizeEnum {
-    'is-small' = 24,
-    'is-medium' = 36,
-    'is-large' = 48
-}
-export type TileContextType = 'is-child' | 'is-parent' | 'is-ancestor';
-export type HeroContentType = 'head' | 'body' | 'foot';
-export type MediaSectionType = 'left' | 'content' | 'right';
-export type NavBarFixedPositionType = 'top' | 'bottom';

package/dist/esm/types/types/styleTypes.d.ts

@@ -1,19 +0,0 @@
-export type CommonSizeType = 'is-1' | 'is-2' | 'is-3' | 'is-4' | 'is-5' | 'is-6' | 'is-7' | 'is-8' | 'is-9' | 'is-10' | 'is-11' | 'is-12';
-export type AbstractSizeType = 'is-three-quarters' | 'is-two-thirds' | 'is-half' | 'is-one-third' | 'is-one-quarter' | 'is-full' | 'is-four-fifths' | 'is-three-fifths' | 'is-two-fifths' | 'is-one-fifth';
-export type ColumnSizeType = CommonSizeType | AbstractSizeType;
-export type ColumnOffsetType = 'is-offset-1' | 'is-offset-2' | 'is-offset-3' | 'is-offset-4' | 'is-offset-5' | 'is-offset-6' | 'is-offset-7' | 'is-offset-8' | 'is-offset-9' | 'is-offset-10' | 'is-offset-11' | 'is-offset-12';
-export type TitleSizeType = 'is-1' | 'is-2' | 'is-3' | 'is-4' | 'is-5' | 'is-6';
-export type BasicColorType = 'is-white' | 'is-light' | 'is-dark' | 'is-black' | 'is-text' | 'is-ghost' | 'is-primary' | 'is-link' | 'is-info' | 'is-success' | 'is-warning' | 'is-danger';
-export type TextColorType = 'has-text-white' | 'has-text-black' | 'has-text-light' | 'has-text-dark' | 'has-text-primary' | 'has-text-link' | 'has-text-info' | 'has-text-success' | 'has-text-warning' | 'has-text-danger';
-export type FixedImageSizeType = 'is-16x16' | 'is-24x24' | 'is-32x32' | 'is-48x48' | 'is-64x64' | 'is-96x96' | 'is-128x128' | 'is-square' | 'is-1by1' | 'is-5by4' | 'is-4by3' | 'is-3by2' | 'is-5by3' | 'is-16by9' | 'is-2by1' | 'is-3by1' | 'is-4by5' | 'is-3by4' | 'is-2by3' | 'is-3by5' | 'is-9by16' | 'is-1by2' | 'is-1by3';
-export type ElementSizeType = 'is-small' | 'is-normal' | 'is-medium' | 'is-large';
-export type SizeWithoutNormalType = Exclude<ElementSizeType, 'is-normal'>;
-export type SizeWithHeightType = SizeWithoutNormalType | 'is-halfheight' | 'is-fullheight';
-export type MediumAndLargeSizeType = Exclude<SizeWithoutNormalType, 'is-small'>;
-export type IconColorModeType = 'light' | 'dark';
-export type ColumnGapType = 'is-0' | 'is-1' | 'is-2' | 'is-3' | 'is-4' | 'is-5' | 'is-6' | 'is-7' | 'is-8';
-export type ElementAlignType = 'is-centered' | 'is-right' | 'is-left';
-export type RightCenteredAlignType = Exclude<ElementAlignType, 'is-left'>;
-export type RightLeftAlignType = Exclude<ElementAlignType, 'is-centered'>;
-export type BreadcrumbSeparatorType = 'has-arrow-separator' | 'has-bullet-separator' | 'has-dot-separator' | 'has-succeeds-separator';
-export type TabsFormatType = 'is-boxed' | 'is-toggle';