@orfium/ictinus 4.33.0 → 4.34.0
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/dist/components/Avatar/Avatar.d.ts +2 -20
- package/dist/components/Avatar/Avatar.js +9 -17
- package/dist/components/Avatar/Avatar.types.d.ts +20 -0
- package/dist/components/Avatar/Avatar.types.js +3 -0
- package/dist/components/Avatar/AvatarStack/AvatarStack.d.ts +3 -13
- package/dist/components/Avatar/AvatarStack/AvatarStack.js +11 -5
- package/dist/components/Avatar/AvatarStack/AvatarStack.types.d.ts +9 -0
- package/dist/components/Avatar/AvatarStack/AvatarStack.types.js +3 -0
- package/dist/components/Avatar/AvatarStack/utils.d.ts +6 -0
- package/dist/components/Avatar/AvatarStack/utils.js +16 -0
- package/dist/components/Avatar/utils.d.ts +2 -0
- package/dist/components/Avatar/utils.js +22 -0
- package/dist/components/Button/utils.d.ts +1 -1
- package/dist/components/ButtonBase/utils.d.ts +1 -1
- package/dist/components/Chip/Chip.d.ts +1 -34
- package/dist/components/Chip/Chip.js +27 -22
- package/dist/components/Chip/Chip.style.d.ts +2 -2
- package/dist/components/Chip/Chip.style.js +2 -2
- package/dist/components/Chip/Chip.types.d.ts +34 -0
- package/dist/components/Chip/Chip.types.js +10 -0
- package/dist/components/Chip/components/Badge/Badge.d.ts +3 -2
- package/dist/components/Chip/components/Badge/Badge.style.d.ts +2 -2
- package/dist/components/Chip/components/Badge/Badge.style.js +1 -1
- package/dist/components/Chip/utils.d.ts +11 -0
- package/dist/components/Chip/utils.js +34 -0
- package/dist/components/ExpandCollapse/ExpandCollapse.d.ts +3 -50
- package/dist/components/ExpandCollapse/ExpandCollapse.js +19 -59
- package/dist/components/ExpandCollapse/ExpandCollapse.types.d.ts +64 -0
- package/dist/components/ExpandCollapse/ExpandCollapse.types.js +3 -0
- package/dist/components/ExpandCollapse/useManageContentRef.d.ts +2 -0
- package/dist/components/ExpandCollapse/useManageContentRef.js +56 -0
- package/dist/components/ExpandCollapse/utils.d.ts +6 -0
- package/dist/components/ExpandCollapse/utils.js +23 -0
- package/dist/components/Filter/Filter.js +3 -9
- package/dist/components/Filter/utils.d.ts +10 -1
- package/dist/components/Filter/utils.js +17 -2
- package/dist/theme/palette.js +5 -5
- package/dist/theme/utils.d.ts +5 -0
- package/dist/theme/utils.js +11 -2
- package/dist/utils/errors.d.ts +6 -0
- package/dist/utils/errors.js +50 -0
- package/dist/utils/helpers.d.ts +8 -0
- package/dist/utils/helpers.js +24 -2
- package/dist/utils/themeFunctions.d.ts +10 -0
- package/dist/utils/themeFunctions.js +40 -16
- package/package.json +1 -1
|
@@ -1,10 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
|
-
exports.calculateActualColorFromComponentProp = exports.fillPickerBasedOnType = exports.colorPickerBasedOnType = exports.backgroundPickerBasedOnType = exports.getColorFromType = void 0;
|
|
4
|
+
exports.calculateActualColorFromComponentProp = exports.errors = exports.fillPickerBasedOnType = exports.colorPickerBasedOnType = exports.backgroundPickerBasedOnType = exports.getColorFromType = void 0;
|
|
5
5
|
|
|
6
6
|
var _palette = require("../theme/palette");
|
|
7
7
|
|
|
8
|
+
var _errors = require("./errors");
|
|
9
|
+
|
|
10
|
+
var _helpers = require("./helpers");
|
|
11
|
+
|
|
8
12
|
/**
|
|
9
13
|
** This util provide an easy way to return the hex color from a type based on our main types 'primary', 'light', 'secondary' etc
|
|
10
14
|
*/
|
|
@@ -76,30 +80,50 @@ var fillPickerBasedOnType = function fillPickerBasedOnType(type, variant) {
|
|
|
76
80
|
|
|
77
81
|
|
|
78
82
|
exports.fillPickerBasedOnType = fillPickerBasedOnType;
|
|
79
|
-
|
|
83
|
+
var errors = [{
|
|
84
|
+
condition: function condition(_ref) {
|
|
85
|
+
var colorAfterSplit = _ref.colorAfterSplit;
|
|
86
|
+
return Boolean(colorAfterSplit.length !== 2);
|
|
87
|
+
},
|
|
88
|
+
error: function error(_ref2) {
|
|
89
|
+
var color = _ref2.color;
|
|
90
|
+
return new _errors.PropsValidationError("Error trying to translate your component color: " + color);
|
|
91
|
+
}
|
|
92
|
+
}, {
|
|
93
|
+
condition: function condition(_ref3) {
|
|
94
|
+
var colorAfterSplit = _ref3.colorAfterSplit;
|
|
95
|
+
return Boolean(!_palette.flatColors.includes(colorAfterSplit[0]));
|
|
96
|
+
},
|
|
97
|
+
error: function error(_ref4) {
|
|
98
|
+
var color = _ref4.color;
|
|
99
|
+
return new _errors.PropsValidationError("You passed a wrong color for the first argument: " + color + " - try something like red-500");
|
|
100
|
+
}
|
|
101
|
+
}, {
|
|
102
|
+
condition: function condition(_ref5) {
|
|
103
|
+
var colorAfterSplit = _ref5.colorAfterSplit;
|
|
104
|
+
return Boolean(!_palette.colorShades.includes(Number(colorAfterSplit[1])));
|
|
105
|
+
},
|
|
106
|
+
error: function error(_ref6) {
|
|
107
|
+
var color = _ref6.color;
|
|
108
|
+
return new _errors.PropsValidationError("You passed a wrong shade for the second argument: " + color + " - try something like red-500");
|
|
109
|
+
}
|
|
110
|
+
}];
|
|
80
111
|
/**
|
|
81
112
|
* A utility to translate a color like red-500 to an object. This calculates on the color passed picked by our palette.
|
|
82
113
|
* So in case you run a red color for example `#d40000` this will return
|
|
83
114
|
* returns an object or undefined
|
|
84
115
|
* */
|
|
85
|
-
var calculateActualColorFromComponentProp = function calculateActualColorFromComponentProp(color) {
|
|
86
|
-
var colorAfterSplit = color.split('-');
|
|
87
116
|
|
|
88
|
-
|
|
89
|
-
throw new Error("Error trying to translate your component color: " + color);
|
|
90
|
-
}
|
|
117
|
+
exports.errors = errors;
|
|
91
118
|
|
|
119
|
+
var calculateActualColorFromComponentProp = function calculateActualColorFromComponentProp(color) {
|
|
120
|
+
var colorAfterSplit = color.split('-');
|
|
121
|
+
(0, _helpers.errorHandler)(errors, {
|
|
122
|
+
color: color,
|
|
123
|
+
colorAfterSplit: colorAfterSplit
|
|
124
|
+
});
|
|
92
125
|
var calculatedColor = colorAfterSplit[0];
|
|
93
126
|
var calculatedShade = Number(colorAfterSplit[1]);
|
|
94
|
-
|
|
95
|
-
if (!_palette.flatColors.includes(calculatedColor)) {
|
|
96
|
-
throw new Error("You passed a wrong color for the first argument: " + color + " - try something like red-500");
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
if (!_palette.colorShades.includes(calculatedShade)) {
|
|
100
|
-
throw new Error("You passed a wrong shade for the second argument: " + color + " - try something like red-500");
|
|
101
|
-
}
|
|
102
|
-
|
|
103
127
|
return {
|
|
104
128
|
color: calculatedColor,
|
|
105
129
|
shade: calculatedShade
|