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.
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { ImageProps } from '../../../interfaces/atomProps';
3
+ declare const Image: React.FC<ImageProps>;
4
+ export default Image;
@@ -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.10.3",
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": "start-storybook -p 6006",
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-storybook",
43
+ "build:storybook": "storybook build",
44
44
  "semantic-release": "semantic-release"
45
45
  },
46
46
  "devDependencies": {
47
- "@babel/core": "^7.20.12",
48
- "@babel/preset-env": "^7.20.2",
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.18.6",
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": "^6.5.15",
62
- "@storybook/addon-essentials": "^6.5.15",
63
- "@storybook/addon-interactions": "^6.5.15",
64
- "@storybook/addon-links": "^6.5.15",
65
- "@storybook/builder-webpack5": "^6.5.15",
66
- "@storybook/manager-webpack5": "^6.5.15",
67
- "@storybook/react": "^6.5.15",
68
- "@storybook/testing-library": "^0.0.13",
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.4.1",
76
- "babel-loader": "^8.3.0",
76
+ "babel-jest": "^29.5.0",
77
+ "babel-loader": "^9.1.2",
77
78
  "bulma": "^0.9.4",
78
- "eslint": "^8.33.0",
79
- "eslint-config-prettier": "^8.6.0",
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.4.1",
83
- "jest-environment-jsdom": "^29.4.1",
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
  },