reactive-bulma 1.10.3 → 1.11.1
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +49 -41
- package/dist/cjs/index.js +14 -25
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/atoms/Image/index.d.ts +4 -0
- package/dist/cjs/types/functions/parsers.d.ts +1 -3
- package/dist/cjs/types/interfaces/atomProps.d.ts +6 -1
- package/dist/cjs/types/types/styleTypes.d.ts +1 -0
- package/dist/esm/index.js +14 -25
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/atoms/Image/index.d.ts +4 -0
- package/dist/esm/types/functions/parsers.d.ts +1 -3
- package/dist/esm/types/interfaces/atomProps.d.ts +6 -1
- package/dist/esm/types/types/styleTypes.d.ts +1 -0
- package/package.json +23 -20
@@ -1,13 +1,11 @@
|
|
1
1
|
import { ParseTestIdProps } from '../interfaces/functionProps';
|
2
2
|
/**
|
3
|
-
*
|
4
3
|
* @param { Array<string | null> } _classes Required. Array of classNames on `string` (or `null`) values
|
5
4
|
* @returns { string } A single string product of merge all classNames, separated by spaces
|
6
5
|
*/
|
7
6
|
export declare const parseClasses: (_classes: Array<string | null>) => string;
|
8
7
|
/**
|
9
|
-
*
|
10
|
-
* @param { ParseTestIdProps } config Configuration of tag, parsedClasses and tag
|
8
|
+
* @param { ParseTestIdProps } config Configuration object
|
11
9
|
* @param { string } config.tag Required. Component tag used between to build the final testId string.
|
12
10
|
* @param { string } config.parsedClasses Required. A single string of previously parsed classes what will be joined with `tag` property.
|
13
11
|
* @param { string } config.separator Optional. `''` by default. Will replace final string empty spaces with a configurable string.
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { basicColorType, columnOffsetType, columnSizeType, sizeType } from '../types/styleTypes';
|
2
|
+
import { basicColorType, columnOffsetType, columnSizeType, fixedImageSizeType, sizeType } from '../types/styleTypes';
|
3
3
|
interface BasicProps {
|
4
4
|
testId?: string;
|
5
5
|
style?: React.CSSProperties;
|
@@ -46,4 +46,9 @@ export interface TagProps extends BasicProps, React.ComponentPropsWithoutRef<'sp
|
|
46
46
|
addonColor?: basicColorType;
|
47
47
|
onDeleteClick?: () => void;
|
48
48
|
}
|
49
|
+
export interface ImageProps extends BasicProps, React.ComponentPropsWithoutRef<'figure'> {
|
50
|
+
src: string;
|
51
|
+
fixedSize?: fixedImageSizeType;
|
52
|
+
isRounded?: boolean;
|
53
|
+
}
|
49
54
|
export {};
|
@@ -1,4 +1,5 @@
|
|
1
1
|
export 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';
|
2
2
|
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';
|
3
3
|
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';
|
4
|
+
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';
|
4
5
|
export type sizeType = 'is-small' | 'is-normal' | 'is-medium' | 'is-large';
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "reactive-bulma",
|
3
|
-
"version": "1.
|
3
|
+
"version": "1.11.1",
|
4
4
|
"description": "A typescript-react-based component library based on bulma",
|
5
5
|
"keywords": [
|
6
6
|
"typescript",
|
@@ -31,7 +31,7 @@
|
|
31
31
|
],
|
32
32
|
"types": "dist/index.d.ts",
|
33
33
|
"scripts": {
|
34
|
-
"start": "
|
34
|
+
"start": "storybook dev",
|
35
35
|
"test": "jest --watchAll=false --verbose",
|
36
36
|
"test:ci": "npm test -- --coverage",
|
37
37
|
"lint": "eslint src/**/*.tsx",
|
@@ -40,14 +40,14 @@
|
|
40
40
|
"setup": "npm i && husky install",
|
41
41
|
"prepare": "npm run build",
|
42
42
|
"build": "rollup -c --bundleConfigAsCjs",
|
43
|
-
"build:storybook": "build
|
43
|
+
"build:storybook": "storybook build",
|
44
44
|
"semantic-release": "semantic-release"
|
45
45
|
},
|
46
46
|
"devDependencies": {
|
47
|
-
"@babel/core": "^7.
|
48
|
-
"@babel/preset-env": "^7.
|
47
|
+
"@babel/core": "^7.21.4",
|
48
|
+
"@babel/preset-env": "^7.21.4",
|
49
49
|
"@babel/preset-react": "^7.18.6",
|
50
|
-
"@babel/preset-typescript": "^7.
|
50
|
+
"@babel/preset-typescript": "^7.21.4",
|
51
51
|
"@rollup/plugin-commonjs": "^24.0.0",
|
52
52
|
"@rollup/plugin-node-resolve": "^15.0.1",
|
53
53
|
"@rollup/plugin-typescript": "^10.0.1",
|
@@ -58,30 +58,32 @@
|
|
58
58
|
"@semantic-release/github": "^8.0.7",
|
59
59
|
"@semantic-release/npm": "^9.0.2",
|
60
60
|
"@semantic-release/release-notes-generator": "^10.0.3",
|
61
|
-
"@storybook/addon-actions": "^
|
62
|
-
"@storybook/addon-essentials": "^
|
63
|
-
"@storybook/addon-interactions": "^
|
64
|
-
"@storybook/addon-links": "^
|
65
|
-
"@storybook/
|
66
|
-
"@storybook/
|
67
|
-
"@storybook/react": "^
|
68
|
-
"@storybook/
|
61
|
+
"@storybook/addon-actions": "^7.0.6",
|
62
|
+
"@storybook/addon-essentials": "^7.0.6",
|
63
|
+
"@storybook/addon-interactions": "^7.0.6",
|
64
|
+
"@storybook/addon-links": "^7.0.6",
|
65
|
+
"@storybook/addon-mdx-gfm": "^7.0.6",
|
66
|
+
"@storybook/cli": "^7.0.6",
|
67
|
+
"@storybook/react": "^7.0.6",
|
68
|
+
"@storybook/react-webpack5": "^7.0.6",
|
69
|
+
"@storybook/testing-library": "^0.1.0",
|
69
70
|
"@testing-library/jest-dom": "^5.16.5",
|
70
71
|
"@testing-library/react": "^13.4.0",
|
71
72
|
"@types/jest": "^29.4.0",
|
72
73
|
"@types/react": "^18.0.26",
|
73
74
|
"@typescript-eslint/eslint-plugin": "^5.50.0",
|
74
75
|
"@typescript-eslint/parser": "^5.50.0",
|
75
|
-
"babel-jest": "^29.
|
76
|
-
"babel-loader": "^
|
76
|
+
"babel-jest": "^29.5.0",
|
77
|
+
"babel-loader": "^9.1.2",
|
77
78
|
"bulma": "^0.9.4",
|
78
|
-
"eslint": "^8.
|
79
|
-
"eslint-config-prettier": "^8.
|
79
|
+
"eslint": "^8.38.0",
|
80
|
+
"eslint-config-prettier": "^8.8.0",
|
80
81
|
"eslint-plugin-react": "^7.32.2",
|
81
82
|
"husky": "^8.0.0",
|
82
|
-
"jest": "^29.
|
83
|
-
"jest-environment-jsdom": "^29.
|
83
|
+
"jest": "^29.5.0",
|
84
|
+
"jest-environment-jsdom": "^29.5.0",
|
84
85
|
"lint-staged": "^13.1.0",
|
86
|
+
"postcss": "^8.4.23",
|
85
87
|
"prettier": "^2.8.3",
|
86
88
|
"react": "^18.2.0",
|
87
89
|
"react-dom": "^18.2.0",
|
@@ -89,6 +91,7 @@
|
|
89
91
|
"rollup-plugin-dts": "^5.1.0",
|
90
92
|
"rollup-plugin-postcss": "^4.0.2",
|
91
93
|
"semantic-release": "^20.1.0",
|
94
|
+
"storybook": "^7.0.6",
|
92
95
|
"tslib": "^2.4.1",
|
93
96
|
"typescript": "^4.9.4"
|
94
97
|
},
|