reactive-bulma 2.5.0 → 2.7.0

package/dist/esm/types/components/atoms/MenuItem/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { MenuItemProps } from '../../../interfaces/atomProps';
+declare const MenuItem: React.FC<MenuItemProps>;
+export default MenuItem;

package/dist/esm/types/components/atoms/index.d.ts

@@ -16,3 +16,4 @@ export { default as RadioButton } from './RadioButton';
 export { default as BreadcrumbItem } from './BreadcrumbItem';
 export { default as DropdownTrigger } from './DropdownTrigger';
 export { default as DropdownItem } from './DropdownItem';
+export { default as MenuItem } from './MenuItem';

package/dist/esm/types/components/molecules/Menu/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { MenuProps } from '../../../interfaces/moleculeProps';
+declare const Menu: React.FC<MenuProps>;
+export default Menu;

package/dist/esm/types/components/molecules/MenuList/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { MenuListProps } from '../../../interfaces/moleculeProps';
+declare const MenuList: React.FC<MenuListProps>;
+export default MenuList;

package/dist/esm/types/components/molecules/Message/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { MessageProps } from '../../../interfaces/moleculeProps';
+declare const Message: React.FC<MessageProps>;
+export default Message;

package/dist/esm/types/components/molecules/index.d.ts

@@ -3,3 +3,6 @@ export { default as ColumnGroup } from './ColumnGroup';
 export { default as Notification } from './Notification';
 export { default as Breadcrumbs } from './Breadcrumbs';
 export { default as Dropdown } from './Dropdown';
+export { default as Message } from './Message';
+export { default as Menu } from './Menu';
+export { default as MenuList } from './MenuList';

package/dist/esm/types/functions/parsers.d.ts

@@ -12,3 +12,4 @@ export declare const parseClasses: (_classes: Array<string | null | undefined>)
  * @returns A single string product of merge all classNames, separated by `separator` value
  */
 export declare const parseTestId: (config: ParseTestIdProps) => string;
+export declare const parseKey: (max?: number, min?: number) => string;

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

@@ -241,3 +241,9 @@ export interface DropdownItemProps extends ElementProps, ClickeableProps {
     /** `Styling` Marks the item as the one where user is located (based on dropdown hierarchy) */
     isActiveItem?: boolean;
 }
+export interface MenuItemProps extends ElementProps, ClickeableProps {
+    /** `Attribute` `Required` Sets the text will be shown on the menu item */
+    text: string;
+    /** `Styling` Generates a blue background to mark the item as the active one in the `MenuList` */
+    isActive?: boolean;
+}

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ComposedElementProps, ElementProps } from './commonProps';
-import { BreadcrumbItemProps, ButtonProps, ColumnProps, DeleteProps, DropdownItemProps } from './atomProps';
+import { BreadcrumbItemProps, ButtonProps, ColumnProps, DeleteProps, DropdownItemProps, MenuItemProps } from './atomProps';
 import { basicColorType, basicSizeType, breadcrumbAlignType, breadcrumbSeparatorType, columnGapType } from '../types/styleTypes';
 export interface ButtonGroupProps extends ElementProps {
     /** `Atribute` `Required` Array of `Button` objects that will be shown */
@@ -52,3 +52,35 @@ export interface DropdownProps extends ElementProps {
     /** `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?: Exclude<basicSizeType, 'is-normal'>;
+}
+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 {};

package/dist/index.d.ts

@@ -269,6 +269,12 @@ interface DropdownItemProps extends ElementProps, ClickeableProps {
     /** `Styling` Marks the item as the one where user is located (based on dropdown hierarchy) */
     isActiveItem?: boolean;
 }
+interface MenuItemProps extends ElementProps, ClickeableProps {
+    /** `Attribute` `Required` Sets the text will be shown on the menu item */
+    text: string;
+    /** `Styling` Generates a blue background to mark the item as the active one in the `MenuList` */
+    isActive?: boolean;
+}
 
 declare const Button: React$1.FC<ButtonProps>;
 
@@ -306,6 +312,8 @@ declare const DropdownTrigger: React$1.FC<DropdownTriggerProps>;
 
 declare const DropdownItem: React$1.FC<DropdownItemProps>;
 
+declare const MenuItem: React$1.FC<MenuItemProps>;
+
 interface ButtonGroupProps extends ElementProps {
     /** `Atribute` `Required` Array of `Button` objects that will be shown */
     buttonList: ButtonProps[];
@@ -356,6 +364,37 @@ interface DropdownProps extends ElementProps {
     /** `Atribute` `Required` Array of `DropdownItem` objects that will be shown on its menu */
     listOfItems: DropdownItemProps[];
 }
+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?: Exclude<basicSizeType, 'is-normal'>;
+}
+interface MenuSubListProps {
+    subListTitle: MenuItemProps;
+    subItems: MenuItemProps[];
+}
+type MenuListItemType = MenuItemProps | MenuSubListProps;
+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>;
+}
+interface MenuProps extends ElementProps {
+    /** `Attribute` `Required` List of sections that can be single or second level MenuItems */
+    menuSections: MenuSectionProps[];
+}
 
 declare const ButtonGroup: React$1.FC<ButtonGroupProps>;
 
@@ -367,4 +406,10 @@ declare const Breadcrumbs: React$1.FC<BreadcrumbsProps>;
 
 declare const Dropdown: React$1.FC<DropdownProps>;
 
-export { Block, Box, BreadcrumbItem, Breadcrumbs, Button, ButtonGroup, CheckBox as Checkbox, Column, ColumnGroup, Delete, Dropdown, DropdownItem, DropdownTrigger, File, Icon, Input, Notification, ProgressBar, RadioButton, Select, Tag, TextArea, Title };
+declare const Message: React$1.FC<MessageProps>;
+
+declare const Menu: React$1.FC<MenuProps>;
+
+declare const MenuList: React$1.FC<MenuListProps>;
+
+export { Block, Box, BreadcrumbItem, Breadcrumbs, Button, ButtonGroup, CheckBox as Checkbox, Column, ColumnGroup, Delete, Dropdown, DropdownItem, DropdownTrigger, File, Icon, Input, Menu, MenuItem, MenuList, Message, Notification, ProgressBar, RadioButton, Select, Tag, TextArea, Title };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reactive-bulma",
-  "version": "2.5.0",
+  "version": "2.7.0",
   "description": "A component library based on React, Bulma, Typescript and Rollup",
   "keywords": [
     "typescript",
@@ -40,65 +40,70 @@
     "prettier": "prettier src/**/*.{tsx,ts} --write",
     "prettier:ci": "prettier src/**/*.{tsx,ts} --check",
     "lint-staged": "lint-staged -v",
-    "setup": "npm i && husky install",
+    "setup": "npm i && npm i -g npm-check-updates && husky install",
     "prepare": "npm run build",
     "build": "rollup -c --bundleConfigAsCjs",
     "build:storybook": "storybook build",
     "semantic-release": "semantic-release",
-    "create": "hygen component new"
+    "create": "hygen component new",
+    "update": "npm run update:deps && npm run update:doctor && npm run update:storybook",
+    "update:deps": "ncu -i --format group",
+    "update:storybook": "npx storybook@latest upgrade && npm run build:storybook",
+    "update:doctor": "npm run lint && npm run test && npm run build"
   },
   "devDependencies": {
-    "@babel/core": "^7.23.2",
-    "@babel/preset-env": "^7.23.2",
-    "@babel/preset-react": "^7.22.15",
-    "@babel/preset-typescript": "^7.23.2",
+    "@babel/core": "^7.23.3",
+    "@babel/preset-env": "^7.23.3",
+    "@babel/preset-react": "^7.23.3",
+    "@babel/preset-typescript": "^7.23.3",
     "@mdi/font": "^7.3.67",
     "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-typescript": "^11.1.5",
     "@semantic-release/changelog": "^6.0.3",
-    "@semantic-release/commit-analyzer": "^11.0.0",
+    "@semantic-release/commit-analyzer": "^11.1.0",
     "@semantic-release/exec": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@semantic-release/github": "^9.2.1",
-    "@semantic-release/npm": "^11.0.0",
-    "@semantic-release/release-notes-generator": "^12.0.0",
-    "@storybook/addon-actions": "^7.5.1",
-    "@storybook/addon-essentials": "^7.5.1",
-    "@storybook/addon-interactions": "^7.5.1",
-    "@storybook/addon-links": "^7.5.1",
-    "@storybook/addon-mdx-gfm": "^7.5.1",
-    "@storybook/cli": "^7.5.1",
-    "@storybook/react": "^7.5.1",
-    "@storybook/react-webpack5": "^7.5.1",
+    "@semantic-release/github": "^9.2.3",
+    "@semantic-release/npm": "^11.0.1",
+    "@semantic-release/release-notes-generator": "^12.1.0",
+    "@storybook/addon-actions": "^7.5.3",
+    "@storybook/addon-essentials": "^7.5.3",
+    "@storybook/addon-interactions": "^7.5.3",
+    "@storybook/addon-links": "^7.5.3",
+    "@storybook/addon-mdx-gfm": "^7.5.3",
+    "@storybook/cli": "^7.5.3",
+    "@storybook/react": "^7.5.3",
+    "@storybook/react-webpack5": "^7.5.3",
     "@storybook/testing-library": "^0.2.2",
     "@testing-library/jest-dom": "^6.1.4",
-    "@testing-library/react": "^14.0.0",
+    "@testing-library/react": "^14.1.0",
     "@testing-library/user-event": "^14.5.1",
-    "@types/jest": "^29.5.6",
-    "@types/react": "^18.2.31",
-    "@typescript-eslint/eslint-plugin": "^6.8.0",
-    "@typescript-eslint/parser": "^6.8.0",
+    "@types/jest": "^29.5.8",
+    "@types/react": "^18.2.37",
+    "@typescript-eslint/eslint-plugin": "^6.10.0",
+    "@typescript-eslint/parser": "^6.10.0",
     "babel-jest": "^29.7.0",
     "babel-loader": "^9.1.3",
     "bulma": "^0.9.4",
-    "eslint": "^8.52.0",
+    "eslint": "^8.53.0",
     "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-react": "^7.33.2",
     "husky": "^8.0.3",
     "hygen": "^6.2.11",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "lint-staged": "^15.0.2",
+    "lint-staged": "^15.1.0",
+    "npm-check-updates": "^16.14.6",
     "postcss": "^8.4.31",
     "prettier": "^3.0.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "rollup": "^4.1.4",
+    "rollup": "^4.3.1",
     "rollup-plugin-dts": "^6.1.0",
     "rollup-plugin-postcss": "^4.0.2",
-    "semantic-release": "^22.0.5",
-    "storybook": "^7.5.1",
+    "semantic-release": "^22.0.7",
+    "storybook": "^7.5.3",
     "tslib": "^2.6.2",
     "typescript": "^5.2.2"
   },