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/dist/esm/index.js
CHANGED
@@ -32,11 +32,7 @@ function getDefaultExportFromCjs (x) {
|
|
32
32
|
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
|
33
33
|
}
|
34
34
|
|
35
|
-
var
|
36
|
-
var react = {
|
37
|
-
get exports(){ return reactExports; },
|
38
|
-
set exports(v){ reactExports = v; },
|
39
|
-
};
|
35
|
+
var react = {exports: {}};
|
40
36
|
|
41
37
|
var react_production_min = {};
|
42
38
|
|
@@ -75,11 +71,7 @@ var l=Symbol.for("react.element"),n=Symbol.for("react.portal"),p=Symbol.for("rea
|
|
75
71
|
return react_production_min;
|
76
72
|
}
|
77
73
|
|
78
|
-
var
|
79
|
-
var react_development = {
|
80
|
-
get exports(){ return react_developmentExports; },
|
81
|
-
set exports(v){ react_developmentExports = v; },
|
82
|
-
};
|
74
|
+
var react_development = {exports: {}};
|
83
75
|
|
84
76
|
/**
|
85
77
|
* @license React
|
@@ -90,11 +82,12 @@ var react_development = {
|
|
90
82
|
* This source code is licensed under the MIT license found in the
|
91
83
|
* LICENSE file in the root directory of this source tree.
|
92
84
|
*/
|
85
|
+
react_development.exports;
|
93
86
|
|
94
87
|
var hasRequiredReact_development;
|
95
88
|
|
96
89
|
function requireReact_development () {
|
97
|
-
if (hasRequiredReact_development) return
|
90
|
+
if (hasRequiredReact_development) return react_development.exports;
|
98
91
|
hasRequiredReact_development = 1;
|
99
92
|
(function (module, exports) {
|
100
93
|
|
@@ -2822,31 +2815,27 @@ function requireReact_development () {
|
|
2822
2815
|
}
|
2823
2816
|
|
2824
2817
|
})();
|
2825
|
-
}
|
2826
|
-
} (react_development,
|
2827
|
-
return
|
2818
|
+
}
|
2819
|
+
} (react_development, react_development.exports));
|
2820
|
+
return react_development.exports;
|
2828
2821
|
}
|
2829
2822
|
|
2830
|
-
(
|
2831
|
-
|
2832
|
-
|
2833
|
-
|
2834
|
-
|
2835
|
-
module.exports = requireReact_development();
|
2836
|
-
}
|
2837
|
-
} (react));
|
2823
|
+
if (process.env.NODE_ENV === 'production') {
|
2824
|
+
react.exports = requireReact_production_min();
|
2825
|
+
} else {
|
2826
|
+
react.exports = requireReact_development();
|
2827
|
+
}
|
2838
2828
|
|
2829
|
+
var reactExports = react.exports;
|
2839
2830
|
var React = /*@__PURE__*/getDefaultExportFromCjs(reactExports);
|
2840
2831
|
|
2841
2832
|
/**
|
2842
|
-
*
|
2843
2833
|
* @param { Array<string | null> } _classes Required. Array of classNames on `string` (or `null`) values
|
2844
2834
|
* @returns { string } A single string product of merge all classNames, separated by spaces
|
2845
2835
|
*/
|
2846
2836
|
const parseClasses = (_classes) => _classes.filter(_class => _class).join(' ');
|
2847
2837
|
/**
|
2848
|
-
*
|
2849
|
-
* @param { ParseTestIdProps } config Configuration of tag, parsedClasses and tag
|
2838
|
+
* @param { ParseTestIdProps } config Configuration object
|
2850
2839
|
* @param { string } config.tag Required. Component tag used between to build the final testId string.
|
2851
2840
|
* @param { string } config.parsedClasses Required. A single string of previously parsed classes what will be joined with `tag` property.
|
2852
2841
|
* @param { string } config.separator Optional. `''` by default. Will replace final string empty spaces with a configurable string.
|