@orfium/ictinus 4.75.0 → 4.76.0

package/dist/theme/palette.config.js

@@ -1,10 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.darkPaletteConfig = exports.lightPaletteConfig = exports.palePaletteConfig = exports.flatPaletteConfig = void 0;
-
-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); }
-
+exports.palePaletteConfig = exports.lightPaletteConfig = exports.flatPaletteConfig = exports.darkPaletteConfig = void 0;
+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 flatPaletteConfig = {
   greyScale: '#808080',
   darkGrey: '#32324E',

package/dist/theme/palette.js

@@ -1,29 +1,25 @@
 "use strict";
 
 exports.__esModule = true;
-exports.getAAColor = exports.getAAColorFromSwatches = exports.getColor = exports.mainTypes = exports.MAX_SHADE = exports.BASE_SHADE = exports.MIN_SHADE = exports.colorShades = exports.paleColors = exports.flatColors = exports.colorSchemes = exports.neutralColors = void 0;
-
+exports.paleColors = exports.neutralColors = exports.mainTypes = exports.getColor = exports.getAAColorFromSwatches = exports.getAAColor = exports.flatColors = exports.colorShades = exports.colorSchemes = exports.MIN_SHADE = exports.MAX_SHADE = exports.BASE_SHADE = void 0;
 var _polished = require("polished");
-
 var _helpers = require("../utils/helpers");
-
 var _utils = require("./utils");
-
 var neutralColors = ['neutralWhite', 'neutralBlack'];
 exports.neutralColors = neutralColors;
 var colorSchemes = ['light', 'dark'];
+
 /**
  * Here are listed all the colors available for our project
  * Flat colors are the actual colors of the system
  **/
-
 exports.colorSchemes = colorSchemes;
 var flatColors = ['greyScale', 'darkGrey', 'lightGrey', 'red', 'magenta', 'purple', 'darkBlue', 'blue', 'lightBlue', 'teal', 'green', 'yellow', 'orange', 'darkOrange'].concat(neutralColors);
+
 /**
  * Here are listed all the colors available for our project
  * Pale colors are just colors without shades
  **/
-
 exports.flatColors = flatColors;
 var paleColors = ['greyScale', 'darkGrey', 'lightGrey', 'red', 'magenta', 'purple', 'darkBlue', 'blue', 'lightBlue', 'teal', 'green', 'yellow', 'orange'];
 /**
@@ -33,7 +29,6 @@ var paleColors = ['greyScale', 'darkGrey', 'lightGrey', 'red', 'magenta', 'purpl
  * so there is no yellow but variations of yellow
  * default variation: 500
  **/
-
 exports.paleColors = paleColors;
 var colorShades = [50, 100, 150, 200, 250, 300, 350, 400, 450, 500, 550, 600, 650, 700, 750, 800, 850, 900, 950];
 exports.colorShades = colorShades;
@@ -42,57 +37,51 @@ exports.MIN_SHADE = MIN_SHADE;
 var BASE_SHADE = 500;
 exports.BASE_SHADE = BASE_SHADE;
 var MAX_SHADE = 950;
+
 /**
  * mainTypes are not colors per se but a type of color
  * for example error is red but also defines a state that's why is listed here and not in flat colors
  * Each color has again the above variations (shades)
  **/
-
 exports.MAX_SHADE = MAX_SHADE;
 var mainTypes = ['primary', 'secondary', 'success', 'error', 'warning', 'info', 'light', 'link'];
-exports.mainTypes = mainTypes;
 
+/**
+ * Palette is end output of what is produced and exported to the client projects
+ **/
+exports.mainTypes = mainTypes;
 var getColor = function getColor(palette) {
   return function (color, variant, scope) {
     if (scope === void 0) {
       scope = 'flat';
     }
-
     var endColor;
-
     if (variant === null) {
       var _palette$scope;
-
-      endColor = palette == null ? void 0 : (_palette$scope = palette[scope]) == null ? void 0 : _palette$scope[color];
+      endColor = palette == null || (_palette$scope = palette[scope]) == null ? void 0 : _palette$scope[color];
     } else if (scope === 'normal') {
       endColor = palette[color][variant];
     } else {
-      var _palette$scope2, _palette$scope2$color;
-
-      endColor = palette == null ? void 0 : (_palette$scope2 = palette[scope]) == null ? void 0 : (_palette$scope2$color = _palette$scope2[color]) == null ? void 0 : _palette$scope2$color[variant];
+      var _palette$scope2;
+      endColor = palette == null || (_palette$scope2 = palette[scope]) == null || (_palette$scope2 = _palette$scope2[color]) == null ? void 0 : _palette$scope2[variant];
     }
-
     (0, _helpers.errorHandler)(_utils.getColorErrors, endColor);
     return endColor;
   };
 };
+
 /**
  * this function picks either white or black color based on the background that is passed
  * swatches are calculated based on accessibility by getAAColor function and splited to those two colors
  **/
-
-
 exports.getColor = getColor;
-
 var getAAColorFromSwatches = function getAAColorFromSwatches(palette) {
   return function (color, shade) {
     var hexColorCode = getColor(palette)(color, shade);
     return getAAColor(palette)(hexColorCode);
   };
 };
-
 exports.getAAColorFromSwatches = getAAColorFromSwatches;
-
 var getAAColor = function getAAColor(palette) {
   return function (color) {
     var white = palette.white;
@@ -100,5 +89,4 @@ var getAAColor = function getAAColor(palette) {
     return (0, _polished.getContrast)(color, black) > (0, _polished.getContrast)(color, white) ? black : white;
   };
 };
-
 exports.getAAColor = getAAColor;

package/dist/theme/spacing.js

@@ -1,10 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports["default"] = exports.spaces = void 0;
-
+exports.spaces = exports["default"] = void 0;
 var _utils = require("./utils");
-
 var spaces = {
   xsm: '4',
   sm: '8',

package/dist/theme/states/disabled.js

@@ -2,15 +2,13 @@
 
 exports.__esModule = true;
 exports.getDisabled = void 0;
-
 var _statesConfig = require("./statesConfig");
-
 var opacityAmount = _statesConfig.statesConfig['light'].disabled.opacity.amount;
 var cursor = _statesConfig.statesConfig['light'].disabled.cursor.name;
+
 /**
  * On disabled opacity is dropped in half and cursor is 'not-allowed'
  * **/
-
 var getDisabled = function getDisabled() {
   return {
     style: {
@@ -21,5 +19,4 @@ var getDisabled = function getDisabled() {
     cursor: cursor
   };
 };
-
 exports.getDisabled = getDisabled;

package/dist/theme/states/focus.js

@@ -2,22 +2,19 @@
 
 exports.__esModule = true;
 exports.getFocus = void 0;
-
 var _utils = require("../utils");
-
 var _statesConfig = require("./statesConfig");
-
 var borderWidthStep = _statesConfig.statesConfig['light'].focus.border.width.step;
 var borderColor = _statesConfig.statesConfig['light'].focus.border.color;
+
 /**
  * On focus border is darken by one step in shade.
  * If we exceed the maximum value then we lighten it.
  * This will be reviewed when dark theme is implemented. **/
-
 var getFocus = function getFocus(_ref) {
   var theme = _ref.theme,
-      _ref$borderWidth = _ref.borderWidth,
-      borderWidth = _ref$borderWidth === void 0 ? 0 : _ref$borderWidth;
+    _ref$borderWidth = _ref.borderWidth,
+    borderWidth = _ref$borderWidth === void 0 ? 0 : _ref$borderWidth;
   var calculatedBorderWidth = borderWidth + borderWidthStep;
   var focusColor = theme.utils.getColor(borderColor.name, borderColor.shade);
   return {
@@ -27,5 +24,4 @@ var getFocus = function getFocus(_ref) {
     styleOutline: focusColor + " auto " + (0, _utils.rem)(calculatedBorderWidth)
   };
 };
-
 exports.getFocus = getFocus;

package/dist/theme/states/hover.js

@@ -2,33 +2,26 @@
 
 exports.__esModule = true;
 exports.getHover = void 0;
-
 var _rgba = _interopRequireDefault(require("polished/lib/color/rgba"));
-
 var _statesConfig = require("./statesConfig");
-
 var _utils = require("./utils");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 /**
  * On hover background is darken by one step in shade.
  * If we exceed the maximum value then we lighten it.
  * This will be reviewed when dark theme is implemented. **/
 var getHover = function getHover(_ref) {
   var theme = _ref.theme,
-      color = _ref.color,
-      shade = _ref.shade;
+    color = _ref.color,
+    shade = _ref.shade;
   var backgroundColorStep = _statesConfig.statesConfig[theme.colorScheme].hover.backgroundColor.step;
   var endColor = color || (theme.colorScheme === 'dark' ? 'darkGrey' : 'lightGrey');
   var endShade = shade || (theme.colorScheme === 'dark' ? 700 : 0);
-
   if (shade === 0 && color) {
     return {
       backgroundColor: (0, _rgba["default"])(theme.utils.getColor(color, 500), 0.07)
     };
   }
-
   var calculatedShade = (0, _utils.getShadeWithStep)({
     shade: endShade,
     step: backgroundColorStep,
@@ -38,5 +31,4 @@ var getHover = function getHover(_ref) {
     backgroundColor: theme.utils.getColor(endColor, calculatedShade)
   };
 };
-
 exports.getHover = getHover;

package/dist/theme/states/index.js

@@ -1,19 +1,11 @@
 "use strict";
 
 exports.__esModule = true;
-
 var _disabled = require("./disabled");
-
 exports.getDisabled = _disabled.getDisabled;
-
 var _focus = require("./focus");
-
 exports.getFocus = _focus.getFocus;
-
 var _hover = require("./hover");
-
 exports.getHover = _hover.getHover;
-
 var _pressed = require("./pressed");
-
 exports.getPressed = _pressed.getPressed;

package/dist/theme/states/pressed.js

@@ -2,33 +2,26 @@
 
 exports.__esModule = true;
 exports.getPressed = void 0;
-
 var _rgba = _interopRequireDefault(require("polished/lib/color/rgba"));
-
 var _statesConfig = require("./statesConfig");
-
 var _utils = require("./utils");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 /**
  * On pressed background is darken by two steps in shade.
  * If we exceed the maximum value then we lighten it by two steps.
  * This will be reviewed when dark theme is implemented. **/
 var getPressed = function getPressed(_ref) {
   var theme = _ref.theme,
-      color = _ref.color,
-      shade = _ref.shade;
+    color = _ref.color,
+    shade = _ref.shade;
   var backgroundColorStep = _statesConfig.statesConfig[theme.colorScheme].pressed.backgroundColor.step;
   var endColor = color || (theme.colorScheme === 'dark' ? 'darkGrey' : 'lightGrey');
   var endShade = shade || (theme.colorScheme === 'dark' ? 700 : 0);
-
   if (shade === 0 && color) {
     return {
       backgroundColor: (0, _rgba["default"])(theme.utils.getColor(color, 500), 0.14)
     };
   }
-
   var calculatedShade = (0, _utils.getShadeWithStep)({
     shade: endShade,
     step: backgroundColorStep,
@@ -38,5 +31,4 @@ var getPressed = function getPressed(_ref) {
     backgroundColor: theme.utils.getColor(endColor, calculatedShade)
   };
 };
-
 exports.getPressed = getPressed;

package/dist/theme/states/statesConfig.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.statesConfig = exports.darkStatesConfig = exports.lightStatesConfig = void 0;
+exports.statesConfig = exports.lightStatesConfig = exports.darkStatesConfig = void 0;
 var lightStatesConfig = {
   hover: {
     backgroundColor: {

package/dist/theme/states/utils.js

@@ -2,25 +2,20 @@
 
 exports.__esModule = true;
 exports.getShadeWithStep = void 0;
-
 var _palette = require("../palette");
-
 var getShadeWithStep = function getShadeWithStep(_ref) {
   var _ref$shade = _ref.shade,
-      shade = _ref$shade === void 0 ? 0 : _ref$shade,
-      _ref$step = _ref.step,
-      step = _ref$step === void 0 ? 50 : _ref$step,
-      colorScheme = _ref.colorScheme;
+    shade = _ref$shade === void 0 ? 0 : _ref$shade,
+    _ref$step = _ref.step,
+    step = _ref$step === void 0 ? 50 : _ref$step,
+    colorScheme = _ref.colorScheme;
   var calculation = colorScheme === 'light' ? shade + step > _palette.MAX_SHADE : shade - step > _palette.MIN_SHADE;
   var calculatedShade = shade;
-
   if (calculation) {
     calculatedShade -= step;
   } else {
     calculatedShade += step;
   }
-
   return calculatedShade;
 };
-
 exports.getShadeWithStep = getShadeWithStep;

package/dist/theme/typography.js

@@ -2,9 +2,7 @@
 
 exports.__esModule = true;
 exports["default"] = void 0;
-
 var _utils = require("./utils");
-
 var defaultFontFamily = 'Roboto';
 var weights = {
   light: 300,

package/dist/theme/utils.js

@@ -1,62 +1,50 @@
 "use strict";
 
 exports.__esModule = true;
-exports.getColorErrors = exports.rem = exports.enhancePaletteWithShades = exports.iterateObject = exports.colorShadesCreator = exports.convertPointsToPixels = void 0;
-
+exports.rem = exports.iterateObject = exports.getColorErrors = exports.enhancePaletteWithShades = exports.convertPointsToPixels = exports.colorShadesCreator = void 0;
 var _polished = require("polished");
-
 var _errors = require("../utils/errors");
-
 var BASE_PERCENTAGE = 10;
 var SHADES = 18;
 var EXCLUDED = ['white', 'black', 'pale'];
-
 var convertPointsToPixels = function convertPointsToPixels(pt) {
   return 96 / 72 * pt;
 };
-
 exports.convertPointsToPixels = convertPointsToPixels;
-
 var colorShadesCreator = function colorShadesCreator(base, per, shadesCount) {
   if (per === void 0) {
     per = BASE_PERCENTAGE;
   }
-
   if (shadesCount === void 0) {
     shadesCount = SHADES / 2;
   }
-
   var newArray = function newArray(fn, length) {
     return Array.from({
       length: length
     }, fn);
   };
-
   var tints = function tints(weight) {
     return newArray(function (__, i) {
       return (0, _polished.tint)((i + 1) * per / 100, base);
     }, weight);
   };
-
   var shades = function shades(weight) {
     return newArray(function (__, i) {
       return (0, _polished.shade)((i + 1) * per / 100, base);
     }, weight);
   };
-
   var all = function all(weight) {
     if (weight === void 0) {
       weight = shadesCount;
     }
-
     return [].concat(tints(weight).reverse(), [base], shades(weight));
   };
-
   return all().reduce(function (acc, _, index) {
     acc["" + (index + 1) * 50] = _;
     return acc;
   }, {});
 };
+
 /**
  * Recursive function that iterates over the theme.
  * If, upon iteration it finds an object then it goes one level depper
@@ -69,10 +57,7 @@ var colorShadesCreator = function colorShadesCreator(base, per, shadesCount) {
  * @returns {Record<string, unknown>>} Each level will have generatedColorShades and in whole it will return
  * a complete palette.
  */
-
-
 exports.colorShadesCreator = colorShadesCreator;
-
 var iterateObject = function iterateObject(obj, func) {
   return Object.keys(obj).reduce(function (acc, value) {
     if (typeof obj[value] !== 'object') {
@@ -82,25 +67,19 @@ var iterateObject = function iterateObject(obj, func) {
     } else {
       acc[value] = iterateObject(obj[value], func);
     }
-
     return acc;
   }, {});
 };
-
 exports.iterateObject = iterateObject;
-
 var enhancePaletteWithShades = function enhancePaletteWithShades(obj) {
   return iterateObject(obj, function (value, name) {
     return EXCLUDED.includes(name) ? value : colorShadesCreator(value, BASE_PERCENTAGE);
   });
 };
-
 exports.enhancePaletteWithShades = enhancePaletteWithShades;
-
 var rem = function rem(px) {
   return (0, _polished.rem)(px, 16);
 };
-
 exports.rem = rem;
 var getColorErrors = [{
   condition: function condition(endColor) {

package/dist/utils/common.js

@@ -1,17 +1,20 @@
 "use strict";
 
 exports.__esModule = true;
-exports.FIGMA_URL = exports.Function = void 0;
-
+exports.Function = exports.FIGMA_URL = void 0;
 var Function = function Function(_ref) {
   var children = _ref.children;
   return children();
 };
+
 /** A type to turn any type optional properties to required */
 
+/** A generic type for native events */
 
-exports.Function = Function;
+//@TODO fix props to not overwrite button props from base
 
+//@TODO fix props to not overwrite div props from base
+exports.Function = Function;
 /** URL currently used for figma version 4.5 frozen */
 var FIGMA_URL = 'https://www.figma.com/file/3deO7jGtkly8ij4TiIUpzY/Design-System-V4.5-(%E2%9D%84%EF%B8%8FDO-NOT-EDIT)';
 exports.FIGMA_URL = FIGMA_URL;

package/dist/utils/errors.js

@@ -1,50 +1,33 @@
 "use strict";
 
 exports.__esModule = true;
-exports.PropsValidationError = exports.ValidationError = void 0;
-
+exports.ValidationError = exports.PropsValidationError = void 0;
 function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
-
 function _wrapNativeSuper(Class) { var _cache = typeof Map === "function" ? new Map() : undefined; _wrapNativeSuper = function _wrapNativeSuper(Class) { if (Class === null || !_isNativeFunction(Class)) return Class; if (typeof Class !== "function") { throw new TypeError("Super expression must either be null or a function"); } if (typeof _cache !== "undefined") { if (_cache.has(Class)) return _cache.get(Class); _cache.set(Class, Wrapper); } function Wrapper() { return _construct(Class, arguments, _getPrototypeOf(this).constructor); } Wrapper.prototype = Object.create(Class.prototype, { constructor: { value: Wrapper, enumerable: false, writable: true, configurable: true } }); return _setPrototypeOf(Wrapper, Class); }; return _wrapNativeSuper(Class); }
-
-function _construct(Parent, args, Class) { if (_isNativeReflectConstruct()) { _construct = Reflect.construct; } else { _construct = function _construct(Parent, args, Class) { var a = [null]; a.push.apply(a, args); var Constructor = Function.bind.apply(Parent, a); var instance = new Constructor(); if (Class) _setPrototypeOf(instance, Class.prototype); return instance; }; } return _construct.apply(null, arguments); }
-
+function _construct(Parent, args, Class) { if (_isNativeReflectConstruct()) { _construct = Reflect.construct.bind(); } else { _construct = function _construct(Parent, args, Class) { var a = [null]; a.push.apply(a, args); var Constructor = Function.bind.apply(Parent, a); var instance = new Constructor(); if (Class) _setPrototypeOf(instance, Class.prototype); return instance; }; } return _construct.apply(null, arguments); }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 function _isNativeFunction(fn) { return Function.toString.call(fn).indexOf("[native code]") !== -1; }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 var ValidationError = /*#__PURE__*/function (_Error) {
   _inheritsLoose(ValidationError, _Error);
-
   function ValidationError(message) {
     var _this;
-
     _this = _Error.call(this, message) || this;
     _this.name = 'ValidationError';
     return _this;
   }
-
   return ValidationError;
 }( /*#__PURE__*/_wrapNativeSuper(Error));
-
 exports.ValidationError = ValidationError;
-
 var PropsValidationError = /*#__PURE__*/function (_ValidationError) {
   _inheritsLoose(PropsValidationError, _ValidationError);
-
   function PropsValidationError(message) {
     var _this2;
-
     _this2 = _ValidationError.call(this, message) || this;
     _this2.name = 'PropsValidationError';
     return _this2;
   }
-
   return PropsValidationError;
 }(ValidationError);
-
 exports.PropsValidationError = PropsValidationError;

package/dist/utils/helpers.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { TestId } from 'utils/types';
 /** A function that generates a unique id by making a value randomly based on time also */
 export declare const generateUniqueID: (elementType?: string) => string;
 /** A function that takes two strings to generate a test data id by combining them if both exist */
 export declare const generateTestDataId: (defaultId: TestId, customId?: string | undefined) => string;
 /** A function that determines if the element passed is a function and a react element */
-export declare function isComponentFunctionType(element: string | number | JSX.Element | Function): element is Function;
+export declare function isComponentFunctionType(element: string | number | React.ReactElement | Function): element is Function;
 /**  A function that retrieves the correct date format based on system's locale */
 export declare const getLocaleFormat: (dateFormat: string | undefined) => string;
 /**

package/dist/utils/helpers.js

@@ -1,67 +1,52 @@
 "use strict";
 
 exports.__esModule = true;
+exports.getLocaleFormat = exports.generateUniqueID = exports.generateTestDataId = exports.errorHandler = void 0;
 exports.isComponentFunctionType = isComponentFunctionType;
-exports.errorHandler = exports.getLocaleFormat = exports.generateTestDataId = exports.generateUniqueID = void 0;
-
 var _dayjs2 = _interopRequireDefault(require("dayjs"));
-
 var React = _interopRequireWildcard(require("react"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 /** A function that generates a unique id by making a value randomly based on time also */
 var generateUniqueID = function generateUniqueID(elementType) {
   if (elementType === void 0) {
     elementType = '';
   }
-
   return elementType + '_' + (Date.now() + Math.random()).toString(36).substr(2, 9);
 };
-/** A function that takes two strings to generate a test data id by combining them if both exist */
-
 
+/** A function that takes two strings to generate a test data id by combining them if both exist */
 exports.generateUniqueID = generateUniqueID;
-
 var generateTestDataId = function generateTestDataId(defaultId, customId) {
   return customId ? defaultId + "-" + customId : defaultId;
 };
-/** A function that determines if the element passed is a function and a react element */
-
 
+/** A function that determines if the element passed is a function and a react element */
 exports.generateTestDataId = generateTestDataId;
-
-function isComponentFunctionType( // TODO this must be fixed @Panagiotis
+function isComponentFunctionType(
+// TODO this must be fixed @Panagiotis
 // eslint-disable-next-line @typescript-eslint/ban-types
 element) {
   return typeof element === 'function' && /*#__PURE__*/React.isValidElement(element());
 }
-/**  A function that retrieves the correct date format based on system's locale */
-
 
+/**  A function that retrieves the correct date format based on system's locale */
 var getLocaleFormat = function getLocaleFormat(dateFormat) {
-  var _dayjs, _dayjs$localeData;
-
-  var localeFormat = (_dayjs = (0, _dayjs2["default"])()) == null ? void 0 : (_dayjs$localeData = _dayjs.localeData()) == null ? void 0 : _dayjs$localeData.longDateFormat('L');
+  var _dayjs;
+  var localeFormat = (_dayjs = (0, _dayjs2["default"])()) == null || (_dayjs = _dayjs.localeData()) == null ? void 0 : _dayjs.longDateFormat('L');
   return dateFormat ? dateFormat : localeFormat;
 };
+
 /**
  *  A function that takes an array of errors and the component props and throws an error
  *  if the condition is met
  * */
-
-
 exports.getLocaleFormat = getLocaleFormat;
-
 var errorHandler = function errorHandler(errors, props) {
   return errors.map(function (_ref) {
     var condition = _ref.condition,
-        error = _ref.error;
-
+      error = _ref.error;
     if (condition(props)) {
       if (typeof error === 'function') {
         throw error(props);
@@ -71,5 +56,4 @@ var errorHandler = function errorHandler(errors, props) {
     }
   });
 };
-
 exports.errorHandler = errorHandler;

package/dist/utils/initLocaleFormat.js

@@ -1,22 +1,13 @@
 "use strict";
 
 var _dayjs = _interopRequireDefault(require("dayjs"));
-
 var _localeData = _interopRequireDefault(require("dayjs/plugin/localeData"));
-
 var _localizedFormat = _interopRequireDefault(require("dayjs/plugin/localizedFormat"));
-
 require("dayjs/locale/en-gb");
-
 require("dayjs/locale/en");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-(function InitLocaleFormat(usLocale, euLocale) {
-  var _navigator;
-
+(function InitLocaleFormat(usLocale, euLocale, _navigator) {
   [_localizedFormat["default"], _localeData["default"]].forEach(_dayjs["default"].extend);
   var browserLanguage = ((_navigator = navigator) == null ? void 0 : _navigator.language) === 'en-GB' ? euLocale : usLocale;
-
   _dayjs["default"].locale(browserLanguage);
 })('en', 'en-gb');