reactive-bulma 2.9.0 → 2.10.0

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

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

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

@@ -19,3 +19,4 @@ export { default as DropdownItem } from './DropdownItem';
 export { default as MenuItem } from './MenuItem';
 export { default as Image } from './Image';
 export { default as PaginationItem } from './PaginationItem';
+export { default as TabItem } from './TabItem';

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

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

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

@@ -8,3 +8,4 @@ export { default as Menu } from './Menu';
 export { default as MenuList } from './MenuList';
 export { default as Pagination } from './Pagination';
 export { default as Modal } from './Modal';
+export { default as Tabs } from './Tabs';

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

@@ -1,3 +1,4 @@
+import { GenericObjectProps } from '../interfaces/commonProps';
 import { ParseTestIdProps } from '../interfaces/functionProps';
 /**
  * @param { Array<string | null> } _classes `Required`. Array of classNames on `string` (or `null`) values
@@ -13,3 +14,9 @@ export declare const parseClasses: (_classes: Array<string | null | undefined>)
  */
 export declare const parseTestId: (config: ParseTestIdProps) => string;
 export declare const parseKey: (max?: number, min?: number) => string;
+interface CreateObjArrayProps {
+    numberOfItems?: number;
+    externalParser?: (i: number) => GenericObjectProps;
+}
+export declare const createObjArray: <ImportedProps>({ numberOfItems, externalParser }?: CreateObjArrayProps) => ImportedProps[] | GenericObjectProps[];
+export {};

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

@@ -257,3 +257,11 @@ export interface PaginationItemProps extends ElementProps, ClickeableProps {
     /** `Styling` Makes the item the selected one, changing its background to blue */
     isSelected?: boolean;
 }
+export interface TabItemProps extends ComposedElementProps, ClickeableProps {
+    /** `Attribute` `Required` The text will be shown in the `TabItem` */
+    text: string;
+    /** `Attribute` Adds an `Icon` component before the text */
+    icon?: IconProps;
+    /** `Styling` Used for Tabs styling purpose only. Will mark the tab as the one selected among its group */
+    isActive?: boolean;
+}

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

@@ -21,3 +21,6 @@ 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;
+}

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ClickeableProps, ComposedElementProps, ElementProps } from './commonProps';
-import { BreadcrumbItemProps, ButtonProps, ColumnProps, DeleteProps, DropdownItemProps, MenuItemProps, PaginationItemProps } from './atomProps';
-import { basicColorType, elementAlignType, breadcrumbSeparatorType, columnGapType, reducedSizeType } from '../types/styleTypes';
+import { BreadcrumbItemProps, ButtonProps, ColumnProps, DeleteProps, DropdownItemProps, MenuItemProps, PaginationItemProps, TabItemProps } from './atomProps';
+import { basicColorType, elementAlignType, breadcrumbSeparatorType, columnGapType, reducedSizeType, tabsFormatType } from '../types/styleTypes';
 export interface ButtonGroupProps extends ElementProps {
     /** `Atribute` `Required` Array of `Button` objects that will be shown */
     buttonList: ButtonProps[];
@@ -115,4 +115,18 @@ export interface ModalProps extends ComposedElementProps {
     /** `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?: elementAlignType;
+    /** `Styling` Set tab's size on bulma's size tokens */
+    size?: reducedSizeType;
+    /** `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 {};

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

@@ -10,3 +10,4 @@ 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';
 export type breadcrumbSeparatorType = 'has-arrow-separator' | 'has-bullet-separator' | 'has-dot-separator' | 'has-succeeds-separator';
+export type tabsFormatType = 'is-boxed' | 'is-toggle';

package/dist/index.d.ts

@@ -36,6 +36,7 @@ type iconColorModeType = 'light' | 'dark';
 type columnGapType = 'is-0' | 'is-1' | 'is-2' | 'is-3' | 'is-4' | 'is-5' | 'is-6' | 'is-7' | 'is-8';
 type elementAlignType = 'is-centered' | 'is-right';
 type breadcrumbSeparatorType = 'has-arrow-separator' | 'has-bullet-separator' | 'has-dot-separator' | 'has-succeeds-separator';
+type tabsFormatType = 'is-boxed' | 'is-toggle';
 
 type inputTypes = 'text' | 'password' | 'email' | 'tel';
 type DropdownItemType = 'item' | 'link' | 'divider';
@@ -295,6 +296,14 @@ interface PaginationItemProps extends ElementProps, ClickeableProps {
     /** `Styling` Makes the item the selected one, changing its background to blue */
     isSelected?: boolean;
 }
+interface TabItemProps extends ComposedElementProps, ClickeableProps {
+    /** `Attribute` `Required` The text will be shown in the `TabItem` */
+    text: string;
+    /** `Attribute` Adds an `Icon` component before the text */
+    icon?: IconProps;
+    /** `Styling` Used for Tabs styling purpose only. Will mark the tab as the one selected among its group */
+    isActive?: boolean;
+}
 
 declare const Button: React$1.FC<ButtonProps>;
 
@@ -338,6 +347,8 @@ declare const Image: React$1.FC<ImageProps>;
 
 declare const PaginationItem: React$1.FC<PaginationItemProps>;
 
+declare const TabItem: React$1.FC<TabItemProps>;
+
 interface ButtonGroupProps extends ElementProps {
     /** `Atribute` `Required` Array of `Button` objects that will be shown */
     buttonList: ButtonProps[];
@@ -451,6 +462,20 @@ interface ModalProps extends ComposedElementProps {
     /** `Function` Custom function related to the modal's close button to inject custom code if needed */
     onCloseClick?: () => void;
 }
+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?: elementAlignType;
+    /** `Styling` Set tab's size on bulma's size tokens */
+    size?: reducedSizeType;
+    /** `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;
+}
 
 declare const ButtonGroup: React$1.FC<ButtonGroupProps>;
 
@@ -472,4 +497,6 @@ declare const Pagination: React$1.FC<PaginationProps>;
 
 declare const Modal: React$1.FC<ModalProps>;
 
-export { Block, Box, BreadcrumbItem, Breadcrumbs, Button, ButtonGroup, CheckBox as Checkbox, Column, ColumnGroup, Delete, Dropdown, DropdownItem, DropdownTrigger, File, Icon, Image, Input, Menu, MenuItem, MenuList, Message, Modal, Notification, Pagination, PaginationItem, ProgressBar, RadioButton, Select, Tag, TextArea, Title };
+declare const Tabs: React$1.FC<TabsProps>;
+
+export { Block, Box, BreadcrumbItem, Breadcrumbs, Button, ButtonGroup, CheckBox as Checkbox, Column, ColumnGroup, Delete, Dropdown, DropdownItem, DropdownTrigger, File, Icon, Image, Input, Menu, MenuItem, MenuList, Message, Modal, Notification, Pagination, PaginationItem, ProgressBar, RadioButton, Select, TabItem, Tabs, Tag, TextArea, Title };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reactive-bulma",
-  "version": "2.9.0",
+  "version": "2.10.0",
   "description": "A component library based on React, Bulma, Typescript and Rollup",
   "keywords": [
     "typescript",
@@ -52,41 +52,41 @@
     "update:doctor": "npm run lint && npm run test && npm run build"
   },
   "devDependencies": {
-    "@babel/core": "^7.23.5",
-    "@babel/preset-env": "^7.23.5",
+    "@babel/core": "^7.23.7",
+    "@babel/preset-env": "^7.23.8",
     "@babel/preset-react": "^7.23.3",
     "@babel/preset-typescript": "^7.23.3",
-    "@mdi/font": "^7.3.67",
+    "@mdi/font": "^7.4.47",
     "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-node-resolve": "^15.2.3",
-    "@rollup/plugin-typescript": "^11.1.5",
+    "@rollup/plugin-typescript": "^11.1.6",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/commit-analyzer": "^11.1.0",
     "@semantic-release/exec": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@semantic-release/github": "^9.2.5",
+    "@semantic-release/github": "^9.2.6",
     "@semantic-release/npm": "^11.0.2",
     "@semantic-release/release-notes-generator": "^12.1.0",
-    "@storybook/addon-actions": "^7.6.4",
-    "@storybook/addon-essentials": "^7.6.4",
-    "@storybook/addon-interactions": "^7.6.4",
-    "@storybook/addon-links": "^7.6.4",
-    "@storybook/addon-mdx-gfm": "^7.6.4",
-    "@storybook/cli": "^7.6.4",
-    "@storybook/react": "^7.6.4",
-    "@storybook/react-webpack5": "^7.6.4",
+    "@storybook/addon-actions": "^7.6.8",
+    "@storybook/addon-essentials": "^7.6.8",
+    "@storybook/addon-interactions": "^7.6.8",
+    "@storybook/addon-links": "^7.6.8",
+    "@storybook/addon-mdx-gfm": "^7.6.8",
+    "@storybook/cli": "^7.6.8",
+    "@storybook/react": "^7.6.8",
+    "@storybook/react-webpack5": "^7.6.8",
     "@storybook/testing-library": "^0.2.2",
-    "@testing-library/jest-dom": "^6.1.5",
+    "@testing-library/jest-dom": "^6.2.0",
     "@testing-library/react": "^14.1.2",
-    "@testing-library/user-event": "^14.5.1",
+    "@testing-library/user-event": "^14.5.2",
     "@types/jest": "^29.5.11",
-    "@types/react": "^18.2.43",
-    "@typescript-eslint/eslint-plugin": "^6.13.2",
-    "@typescript-eslint/parser": "^6.13.2",
+    "@types/react": "^18.2.48",
+    "@typescript-eslint/eslint-plugin": "^6.19.0",
+    "@typescript-eslint/parser": "^6.19.0",
     "babel-jest": "^29.7.0",
     "babel-loader": "^9.1.3",
     "bulma": "^0.9.4",
-    "eslint": "^8.55.0",
+    "eslint": "^8.56.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-react": "^7.33.2",
     "husky": "^8.0.3",
@@ -94,16 +94,16 @@
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "lint-staged": "^15.2.0",
-    "npm-check-updates": "^16.14.11",
-    "postcss": "^8.4.32",
-    "prettier": "^3.1.0",
+    "npm-check-updates": "^16.14.12",
+    "postcss": "^8.4.33",
+    "prettier": "^3.2.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "rollup": "^4.7.0",
+    "rollup": "^4.9.5",
     "rollup-plugin-dts": "^6.1.0",
     "rollup-plugin-postcss": "^4.0.2",
-    "semantic-release": "^22.0.10",
-    "storybook": "^7.6.4",
+    "semantic-release": "^23.0.0",
+    "storybook": "^7.6.8",
     "tslib": "^2.6.2",
     "typescript": "^5.3.3"
   },