@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.
Files changed (46) hide show
  1. package/dist/components/Avatar/Avatar.d.ts +2 -20
  2. package/dist/components/Avatar/Avatar.js +9 -17
  3. package/dist/components/Avatar/Avatar.types.d.ts +20 -0
  4. package/dist/components/Avatar/Avatar.types.js +3 -0
  5. package/dist/components/Avatar/AvatarStack/AvatarStack.d.ts +3 -13
  6. package/dist/components/Avatar/AvatarStack/AvatarStack.js +11 -5
  7. package/dist/components/Avatar/AvatarStack/AvatarStack.types.d.ts +9 -0
  8. package/dist/components/Avatar/AvatarStack/AvatarStack.types.js +3 -0
  9. package/dist/components/Avatar/AvatarStack/utils.d.ts +6 -0
  10. package/dist/components/Avatar/AvatarStack/utils.js +16 -0
  11. package/dist/components/Avatar/utils.d.ts +2 -0
  12. package/dist/components/Avatar/utils.js +22 -0
  13. package/dist/components/Button/utils.d.ts +1 -1
  14. package/dist/components/ButtonBase/utils.d.ts +1 -1
  15. package/dist/components/Chip/Chip.d.ts +1 -34
  16. package/dist/components/Chip/Chip.js +27 -22
  17. package/dist/components/Chip/Chip.style.d.ts +2 -2
  18. package/dist/components/Chip/Chip.style.js +2 -2
  19. package/dist/components/Chip/Chip.types.d.ts +34 -0
  20. package/dist/components/Chip/Chip.types.js +10 -0
  21. package/dist/components/Chip/components/Badge/Badge.d.ts +3 -2
  22. package/dist/components/Chip/components/Badge/Badge.style.d.ts +2 -2
  23. package/dist/components/Chip/components/Badge/Badge.style.js +1 -1
  24. package/dist/components/Chip/utils.d.ts +11 -0
  25. package/dist/components/Chip/utils.js +34 -0
  26. package/dist/components/ExpandCollapse/ExpandCollapse.d.ts +3 -50
  27. package/dist/components/ExpandCollapse/ExpandCollapse.js +19 -59
  28. package/dist/components/ExpandCollapse/ExpandCollapse.types.d.ts +64 -0
  29. package/dist/components/ExpandCollapse/ExpandCollapse.types.js +3 -0
  30. package/dist/components/ExpandCollapse/useManageContentRef.d.ts +2 -0
  31. package/dist/components/ExpandCollapse/useManageContentRef.js +56 -0
  32. package/dist/components/ExpandCollapse/utils.d.ts +6 -0
  33. package/dist/components/ExpandCollapse/utils.js +23 -0
  34. package/dist/components/Filter/Filter.js +3 -9
  35. package/dist/components/Filter/utils.d.ts +10 -1
  36. package/dist/components/Filter/utils.js +17 -2
  37. package/dist/theme/palette.js +5 -5
  38. package/dist/theme/utils.d.ts +5 -0
  39. package/dist/theme/utils.js +11 -2
  40. package/dist/utils/errors.d.ts +6 -0
  41. package/dist/utils/errors.js +50 -0
  42. package/dist/utils/helpers.d.ts +8 -0
  43. package/dist/utils/helpers.js +24 -2
  44. package/dist/utils/themeFunctions.d.ts +10 -0
  45. package/dist/utils/themeFunctions.js +40 -16
  46. 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
- if (colorAfterSplit.length !== 2) {
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
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@orfium/ictinus",
3
- "version": "4.33.0",
3
+ "version": "4.34.0",
4
4
  "main": "./dist/index.js",
5
5
  "types": "./dist/index.d.ts",
6
6
  "license": "MIT",