@orfium/ictinus 4.75.0 → 4.76.0

package/dist/utils/size-utils.js

@@ -1,60 +1,45 @@
 "use strict";
 
 exports.__esModule = true;
-exports.getSpacingBySize = exports.getTextFieldSize = exports.getTextFieldHeight = exports.DEFAULT_SIZE = void 0;
-
+exports.getTextFieldSize = exports.getTextFieldHeight = exports.getSpacingBySize = exports.DEFAULT_SIZE = void 0;
 var _polished = require("polished");
-
 var _config = require("../components/TextInputBase/config");
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 var DEFAULT_SIZE = 'md';
 exports.DEFAULT_SIZE = DEFAULT_SIZE;
-
 var getTextFieldHeight = function getTextFieldHeight(size) {
   switch (size) {
     case 'md':
       return (0, _polished.rem)(_config.MD_HEIGHT);
-
     case 'sm':
       return (0, _polished.rem)(_config.SM_HEIGHT);
-
     default:
       return 'auto';
   }
 };
-
 exports.getTextFieldHeight = getTextFieldHeight;
-
 var getTextFieldWidth = function getTextFieldWidth(size) {
   switch (size) {
     case 'md':
       return (0, _polished.rem)(_config.MIN_WIDTH);
-
     case 'sm':
       return (0, _polished.rem)(_config.MIN_WIDTH);
-
     default:
       return 'auto';
   }
 };
-
 var getTextFieldSize = function getTextFieldSize(hasMinWidthCompat, size, multi) {
   if (hasMinWidthCompat === void 0) {
     hasMinWidthCompat = true;
   }
-
   if (multi === void 0) {
     multi = false;
   }
-
   if (!hasMinWidthCompat) {
     return {
       height: getTextFieldHeight(size)
     };
   }
-
   return _extends({
     minWidth: getTextFieldWidth(size),
     height: getTextFieldHeight(size)
@@ -62,11 +47,8 @@ var getTextFieldSize = function getTextFieldSize(hasMinWidthCompat, size, multi)
     width: (0, _polished.rem)(_config.MULTI_WIDTH)
   } : {});
 };
-
 exports.getTextFieldSize = getTextFieldSize;
-
 var getSpacingBySize = function getSpacingBySize(size, theme) {
   return theme.spacing[size];
 };
-
 exports.getSpacingBySize = getSpacingBySize;

package/dist/utils/storyshots.js

@@ -9,45 +9,41 @@ var DYNAMIC_ATTRIBUTES_LIST = [{
   elementType: 'label',
   attributeName: 'htmlFor'
 }];
+
 /**
  * Changes the dynamic value of the attribute to static
  * @param prop
  * @param attributeConfig
  */
-
 function changeAttributeValueToStatic(prop, attributeConfig) {
   var elementType = attributeConfig.elementType,
-      attributeName = attributeConfig.attributeName;
-
+    attributeName = attributeConfig.attributeName;
   if ((prop == null ? void 0 : prop.type) === elementType) {
     var dynamicAttributeValue = prop == null ? void 0 : prop.props[attributeName];
     var newStaticAttributeValue = dynamicAttributeValue && dynamicAttributeValue.split('_')[0];
     prop.props[attributeName] = newStaticAttributeValue;
   }
 }
+
 /**
  * This is a recursive function that crawls all the nested props of the tree and spots the elements' attributes
  * @param child
  */
-
-
 var storyTreeCrawler = function storyTreeCrawler(child) {
   child.children.forEach(function (prop) {
     DYNAMIC_ATTRIBUTES_LIST.forEach(function (attr) {
       changeAttributeValueToStatic(prop, attr);
     });
-
     if (prop.children) {
       storyTreeCrawler(prop);
     }
   });
 };
+
 /**
  * Initializes the crawling process of the tree object.
  * @param tree
  */
-
-
 function crawlTreeChildrenProps(tree) {
   if (tree) {
     if ('children' in tree) {

package/dist/utils/themeFunctions.js

@@ -1,14 +1,10 @@
 "use strict";
 
 exports.__esModule = true;
-exports.calculateActualColorFromComponentProp = exports.errors = exports.fillPickerBasedOnType = exports.colorPickerBasedOnType = exports.backgroundPickerBasedOnType = exports.getColorFromType = void 0;
-
+exports.getColorFromType = exports.fillPickerBasedOnType = exports.errors = exports.colorPickerBasedOnType = exports.calculateActualColorFromComponentProp = exports.backgroundPickerBasedOnType = void 0;
 var _palette = require("../theme/palette");
-
 var _errors = require("./errors");
-
 var _helpers = require("./helpers");
-
 /**
  ** This util provide an easy way to return the hex color from a type based on our main types 'primary', 'light', 'secondary' etc
  */
@@ -16,69 +12,53 @@ var getColorFromType = function getColorFromType(type, theme, variant) {
   if (variant === void 0) {
     variant = 50;
   }
-
   var secondaryVariant = variant && variant !== 50 ? variant : _palette.BASE_SHADE;
-
   if (Object.values(_palette.mainTypes).includes(type)) {
     var colorTypeValue = type;
-
     if (colorTypeValue === 'primary') {
       return theme.utils.getColor(colorTypeValue, variant, 'normal');
     }
-
     return theme.utils.getColor(colorTypeValue, secondaryVariant, 'normal');
   }
-
   if (Object.values(_palette.flatColors).includes(type)) {
     var colorValue = type;
     return theme.utils.getColor(colorValue, secondaryVariant);
   }
-
   return type;
 };
-
 exports.getColorFromType = getColorFromType;
-
 var backgroundPickerBasedOnType = function backgroundPickerBasedOnType(type) {
   return function (theme) {
     return getColorFromType(type, theme);
   };
 };
-
 exports.backgroundPickerBasedOnType = backgroundPickerBasedOnType;
-
 var colorPickerBasedOnType = function colorPickerBasedOnType(type) {
   return function (theme) {
     switch (type) {
       case 'primary':
         return theme.utils.getColor('primary', _palette.BASE_SHADE, 'text');
-
       case 'secondary':
         return theme.utils.getColor('secondary', 50, 'text');
-
       default:
         return theme.utils.getColor('light', 50, 'text');
     }
   };
 };
-
 exports.colorPickerBasedOnType = colorPickerBasedOnType;
-
 var fillPickerBasedOnType = function fillPickerBasedOnType(type, variant) {
   if (variant === void 0) {
     variant = 50;
   }
-
   return function (theme) {
     return getColorFromType(type, theme, variant);
   };
 };
+
 /**
  * The type of the calculateActualColorFromComponentProp that will be used for the components
  * translation from string
  * */
-
-
 exports.fillPickerBasedOnType = fillPickerBasedOnType;
 var errors = [{
   condition: function condition(_ref) {
@@ -108,14 +88,13 @@ var errors = [{
     return new _errors.PropsValidationError("You passed a wrong shade for the second argument: " + color + " - try something like red-500");
   }
 }];
+
 /**
  * A utility to translate a color like red-500 to an object. This calculates on the color passed picked by our palette.
  * So in case you run a red color for example `#d40000` this will return
  * returns an object or undefined
  * */
-
 exports.errors = errors;
-
 var calculateActualColorFromComponentProp = function calculateActualColorFromComponentProp(color) {
   var colorAfterSplit = color.split('-');
   (0, _helpers.errorHandler)(errors, {
@@ -129,5 +108,4 @@ var calculateActualColorFromComponentProp = function calculateActualColorFromCom
     shade: calculatedShade
   };
 };
-
 exports.calculateActualColorFromComponentProp = calculateActualColorFromComponentProp;

package/dist/utils/types.d.ts

@@ -1,3 +1,4 @@
+import { FC, PropsWithChildren } from 'react';
 export declare type DeepPartial<T> = T extends {
     [key: string]: unknown;
 } ? {
@@ -8,3 +9,4 @@ export declare type TestProps = {
     dataTestId?: TestId;
     dataTestPrefixId?: string;
 };
+export declare type ReactFCC<T = unknown> = FC<PropsWithChildren<T>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orfium/ictinus",
-  "version": "4.75.0",
+  "version": "4.76.0",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",
@@ -8,14 +8,15 @@
     "@amanda-mitchell/semantic-release-npm-multiple": "^2.8.0",
     "@babel/cli": "^7.13.16",
     "@babel/core": "^7.14.0",
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "@babel/polyfill": "^7.12.1",
     "@babel/preset-env": "^7.14.1",
     "@babel/preset-react": "^7.13.13",
     "@babel/preset-typescript": "^7.13.0",
     "@commitlint/cli": "^11.0.0",
     "@commitlint/config-conventional": "^11.0.0",
-    "@emotion/react": "^11.4.0",
-    "@emotion/styled": "^11.3.0",
+    "@emotion/react": "^11.8.1",
+    "@emotion/styled": "^11.8.1",
     "@mdx-js/react": "^1.6.22",
     "@semantic-release/changelog": "^5.0.1",
     "@semantic-release/git": "^9.0.0",
@@ -41,11 +42,11 @@
     "@types/jest": "^26.0.23",
     "@types/lodash": "^4.14.149",
     "@types/pluralize": "^0.0.29",
-    "@types/react": "^17.0.9",
-    "@types/react-dom": "^17.0.6",
+    "@types/react": "^18.2.21",
+    "@types/react-dom": "^18.2.7",
     "@types/react-highlight-words": "^0.16.1",
-    "@types/react-router-dom": "^5.1.5",
-    "@types/react-test-renderer": "^17.0.1",
+    "@types/react-router-dom": "^5.3.3",
+    "@types/react-test-renderer": "^18.0.1",
     "@types/recharts": "^1.8.16",
     "@types/styled-components": "^5.1.7",
     "@types/uuid": "^8.3.0",
@@ -75,11 +76,11 @@
     "jest-webpack-resolver": "^0.3.0",
     "lint-staged": "^11.0.0",
     "prettier": "^2.6.2",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-router": "^5.2.0",
-    "react-router-dom": "^5.2.0",
-    "react-test-renderer": "^16.13.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router": "^5.3.4",
+    "react-router-dom": "^5.3.4",
+    "react-test-renderer": "^18.2.0",
     "rimraf": "^3.0.2",
     "storybook-addon-designs": "^6.2.1",
     "storybook-addon-pseudo-states": "^1.14.0",
@@ -105,7 +106,7 @@
     "pluralize": "^8.0.0",
     "polished": "^3.4.4",
     "react-fast-compare": "^3.2.0",
-    "react-highlight-words": "^0.17.0",
+    "react-highlight-words": "^0.20.0",
     "react-media": "^2.0.0-rc.1",
     "react-range": "^1.8.12",
     "react-switch": "^6.0.0",
@@ -117,8 +118,8 @@
     "@emotion/react": "^11.4.0",
     "@emotion/styled": "^11.3.0",
     "prop-types": "^15.7.2",
-    "react": "^16.0.0",
-    "react-dom": "^16.0.0",
+    "react": "^17.0.0",
+    "react-dom": "^17.0.0",
     "react-router": "^5.2.0",
     "react-router-dom": "^5.2.0"
   },