reactive-bulma 1.10.3 → 1.11.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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.
|