reactive-bulma 1.8.0 → 1.10.0

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

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

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

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

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

@@ -1,3 +1,5 @@
 export { default as Button } from './Button';
 export { default as Column } from './Column';
 export { default as ProgressBar } from './ProgressBar';
+export { default as Block } from './Block';
+export { default as Tag } from './Tag';

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

@@ -1 +1,3 @@
+import { ParseTestIdProps } from '../interfaces/functionProps';
 export declare const parseClasses: (_classes: Array<string | null>) => string;
+export declare const parseTestId: (config: ParseTestIdProps) => string;

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

@@ -1,11 +1,15 @@
-/// <reference types="react" />
+import React from 'react';
 import { basicColorType, columnOffsetType, columnSizeType, sizeType } from '../types/styleTypes';
-export interface ColumnProps extends React.ComponentPropsWithoutRef<'section'> {
+interface BasicProps {
+    testId?: string;
+    style?: React.CSSProperties;
+}
+export interface ColumnProps extends BasicProps, React.ComponentPropsWithoutRef<'section'> {
     size?: columnSizeType;
     offset?: columnOffsetType;
     isNarrow?: boolean;
 }
-export interface ButtonProps extends React.ComponentPropsWithoutRef<'button'> {
+export interface ButtonProps extends BasicProps, React.ComponentPropsWithoutRef<'button'> {
     text?: string;
     style?: React.CSSProperties;
     color?: basicColorType;
@@ -19,7 +23,7 @@ export interface ButtonProps extends React.ComponentPropsWithoutRef<'button'> {
     size?: sizeType;
     onClick?: () => void;
 }
-export interface ProgressBarProps extends React.ComponentPropsWithoutRef<'progress'> {
+export interface ProgressBarProps extends BasicProps, React.ComponentPropsWithoutRef<'progress'> {
     value?: number;
     max?: number;
     style?: React.CSSProperties;
@@ -27,3 +31,19 @@ export interface ProgressBarProps extends React.ComponentPropsWithoutRef<'progre
     size?: sizeType;
     isLoading?: boolean;
 }
+export interface BlockProps extends BasicProps, React.ComponentPropsWithoutRef<'section'> {
+    testId?: string;
+}
+export interface TagProps extends BasicProps, React.ComponentPropsWithoutRef<'span'> {
+    text: string;
+    color?: basicColorType;
+    isLight?: boolean;
+    isRounded?: boolean;
+    size?: Exclude<sizeType, 'is-normal'>;
+    withDelete?: boolean;
+    withAddon?: boolean;
+    addonText?: string;
+    addonColor?: basicColorType;
+    onDeleteClick?: () => void;
+}
+export {};

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

@@ -0,0 +1,5 @@
+export interface ParseTestIdProps {
+    tag: string;
+    parsedClasses: string;
+    separator?: string;
+}

package/dist/index.d.ts

@@ -1,17 +1,20 @@
-/// <reference types="react" />
-import React$1 from 'react';
+import React from 'react';
 
 type columnSizeType = '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' | 'is-1' | 'is-2' | 'is-3' | 'is-4' | 'is-5' | 'is-6' | 'is-7' | 'is-8' | 'is-9' | 'is-10' | 'is-11' | 'is-12';
 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';
 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';
 type sizeType = 'is-small' | 'is-normal' | 'is-medium' | 'is-large';
 
-interface ColumnProps extends React.ComponentPropsWithoutRef<'section'> {
+interface BasicProps {
+    testId?: string;
+    style?: React.CSSProperties;
+}
+interface ColumnProps extends BasicProps, React.ComponentPropsWithoutRef<'section'> {
     size?: columnSizeType;
     offset?: columnOffsetType;
     isNarrow?: boolean;
 }
-interface ButtonProps extends React.ComponentPropsWithoutRef<'button'> {
+interface ButtonProps extends BasicProps, React.ComponentPropsWithoutRef<'button'> {
     text?: string;
     style?: React.CSSProperties;
     color?: basicColorType;
@@ -25,7 +28,7 @@ interface ButtonProps extends React.ComponentPropsWithoutRef<'button'> {
     size?: sizeType;
     onClick?: () => void;
 }
-interface ProgressBarProps extends React.ComponentPropsWithoutRef<'progress'> {
+interface ProgressBarProps extends BasicProps, React.ComponentPropsWithoutRef<'progress'> {
     value?: number;
     max?: number;
     style?: React.CSSProperties;
@@ -33,11 +36,30 @@ interface ProgressBarProps extends React.ComponentPropsWithoutRef<'progress'> {
     size?: sizeType;
     isLoading?: boolean;
 }
+interface BlockProps extends BasicProps, React.ComponentPropsWithoutRef<'section'> {
+    testId?: string;
+}
+interface TagProps extends BasicProps, React.ComponentPropsWithoutRef<'span'> {
+    text: string;
+    color?: basicColorType;
+    isLight?: boolean;
+    isRounded?: boolean;
+    size?: Exclude<sizeType, 'is-normal'>;
+    withDelete?: boolean;
+    withAddon?: boolean;
+    addonText?: string;
+    addonColor?: basicColorType;
+    onDeleteClick?: () => void;
+}
+
+declare const Button: React.FC<ButtonProps>;
+
+declare const Column: React.FC<ColumnProps>;
 
-declare const Button: React$1.FC<ButtonProps>;
+declare const ProgressBar: React.FC<ProgressBarProps>;
 
-declare const Column: React$1.FC<ColumnProps>;
+declare const Block: React.FC<BlockProps>;
 
-declare const ProgressBar: React$1.FC<ProgressBarProps>;
+declare const Tag: React.FC<TagProps>;
 
-export { Button, Column, ProgressBar };
+export { Block, Button, Column, ProgressBar, Tag };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reactive-bulma",
-  "version": "1.8.0",
+  "version": "1.10.0",
   "description": "A typescript-react-based component library based on bulma",
   "keywords": [
     "typescript",