@ludo.ninja/components 1.9.4 → 1.9.5

package/dist/system/Forms/DatePicker/{index.jsx → index.js}

@@ -29,16 +29,15 @@ var DatePicker = function (_a) {
     var name = _a.name, control = _a.control, error = _a.error;
     var renderError = function () {
         if (error.isNeedShowError) {
-            return <ErrorLabel_1.default>{error.message}</ErrorLabel_1.default>;
+            return react_1.default.createElement(ErrorLabel_1.default, null, error.message);
         }
     };
-    return (<react_hook_form_1.Controller name={name} control={control} render={function (_a) {
+    return (react_1.default.createElement(react_hook_form_1.Controller, { name: name, control: control, render: function (_a) {
             var field = _a.field;
-            return (<>
-          <StyledReactDatePicker onChange={field.onChange} onBlur={field.onBlur} value={field.value} disableCalendar={field.disabled} name={field.name} status={error.isNeedShowError} dayPlaceholder={'dd'} monthPlaceholder={'mm'} yearPlaceholder={'yy'} format={'dd.MM.yyyy'} locale={'en'} clearIcon={field.value ? <close20_svg_1.default /> : null} calendarIcon={<calendar_svg_1.default />}/>
-          {renderError()}
-        </>);
-        }}/>);
+            return (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(StyledReactDatePicker, { onChange: field.onChange, onBlur: field.onBlur, value: field.value, disableCalendar: field.disabled, name: field.name, status: error.isNeedShowError, dayPlaceholder: 'dd', monthPlaceholder: 'mm', yearPlaceholder: 'yy', format: 'dd.MM.yyyy', locale: 'en', clearIcon: field.value ? react_1.default.createElement(close20_svg_1.default, null) : null, calendarIcon: react_1.default.createElement(calendar_svg_1.default, null) }),
+                renderError()));
+        } }));
 };
 exports.default = DatePicker;
 var templateObject_1;

package/dist/system/Forms/ErrorLabel/{ErrorLabel.test.jsx → ErrorLabel.test.js}

@@ -10,7 +10,7 @@ var ErrorLabel_1 = __importDefault(require("@/system/Forms/ErrorLabel"));
 describe('ErrorLabel Component', function () {
     test('renders correctly with given children and id', function () {
         react_1.default.act(function () {
-            (0, react_2.render)(<ErrorLabel_1.default id="test-id">Test Label</ErrorLabel_1.default>);
+            (0, react_2.render)(react_1.default.createElement(ErrorLabel_1.default, { id: "test-id" }, "Test Label"));
         });
         var labelElement = react_2.screen.getByText('Test Label');
         expect(labelElement).toBeInTheDocument();
@@ -18,7 +18,7 @@ describe('ErrorLabel Component', function () {
     });
     test('renders correctly without id', function () {
         react_1.default.act(function () {
-            (0, react_2.render)(<ErrorLabel_1.default>Test Label Without ID</ErrorLabel_1.default>);
+            (0, react_2.render)(react_1.default.createElement(ErrorLabel_1.default, null, "Test Label Without ID"));
         });
         var labelElement = react_2.screen.getByText('Test Label Without ID');
         expect(labelElement).toBeInTheDocument();

package/dist/system/Forms/ErrorLabel/{index.jsx → index.js}

@@ -14,7 +14,7 @@ var styles_1 = require("@ludo.ninja/components/dist/styles");
 var StyledLabel = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  user-select: none;\n  padding-top: 8px;\n  color: #f4205f;\n  font-size: 13px;\n  font-weight: 400;\n\n  ", " {\n    padding-top: ", ";\n    font-size: ", ";\n  }\n"], ["\n  user-select: none;\n  padding-top: 8px;\n  color: #f4205f;\n  font-size: 13px;\n  font-weight: 400;\n\n  ", " {\n    padding-top: ", ";\n    font-size: ", ";\n  }\n"])), styles_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(8), (0, _4k_1.adaptiveValueCalc)(13));
 var BasicErrorLabel = function (_a) {
     var children = _a.children, id = _a.id;
-    return <StyledLabel htmlFor={id}>{children}</StyledLabel>;
+    return react_1.default.createElement(StyledLabel, { htmlFor: id }, children);
 };
 exports.default = BasicErrorLabel;
 var templateObject_1;

package/dist/system/Forms/Input/{Input.test.jsx → Input.test.js}

@@ -12,7 +12,7 @@ jest.mock('../ErrorLabel', function () { return ({
     __esModule: true,
     default: function (_a) {
         var children = _a.children;
-        return (<div data-testid="error-label">{children}</div>);
+        return (react_1.default.createElement("div", { "data-testid": "error-label" }, children));
     },
 }); });
 var mockRegister = {
@@ -27,7 +27,7 @@ var mockData = {
     labelText: 'Test Input',
 };
 var renderComponent = function (error) {
-    return (0, react_2.render)(<Input_1.default data={mockData} register={mockRegister} error={error}/>);
+    return (0, react_2.render)(react_1.default.createElement(Input_1.default, { data: mockData, register: mockRegister, error: error }));
 };
 describe('Input Component', function () {
     test('renders input element with correct attributes', function () {

package/dist/system/Forms/Input/{index.jsx → index.js}

@@ -3,6 +3,17 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -23,13 +34,12 @@ var Input = function (_a) {
     var data = _a.data, register = _a.register, error = _a.error;
     var renderError = function () {
         if (error.isNeedShowError) {
-            return <ErrorLabel_1.default>{error.message}</ErrorLabel_1.default>;
+            return react_1.default.createElement(ErrorLabel_1.default, null, error.message);
         }
     };
-    return (<>
-      <exports.StyledInput {...register} status={error.isNeedShowError} id={data.name} name={data.name} autoComplete={'off'} placeholder={data.placeHolder}/>
-      {renderError()}
-    </>);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(exports.StyledInput, __assign({}, register, { status: error.isNeedShowError, id: data.name, name: data.name, autoComplete: 'off', placeholder: data.placeHolder })),
+        renderError()));
 };
 exports.default = Input;
 var templateObject_1;

package/dist/system/Forms/RadioInput/{index.jsx → index.js}

@@ -3,6 +3,17 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -21,12 +32,11 @@ var BasicRadioInput = function (_a) {
         }
         handleChange(e.target.value);
     };
-    return (<StyledLabel className={className}>
-      {radioLabel}
-      <input type="radio" checked={radioChecked} value={radioValue} id={"".concat(radioValue, "_").concat(radioLabel)} onChange={function (e) { return handleChangeRadioInput(e); }}/>
-      {withInput && (<Input_1.StyledInput status={false} {...innerTextInputRef} disabled={!radioChecked}/>)}
-      <span className={"checkmark"}></span>
-    </StyledLabel>);
+    return (react_1.default.createElement(StyledLabel, { className: className },
+        radioLabel,
+        react_1.default.createElement("input", { type: "radio", checked: radioChecked, value: radioValue, id: "".concat(radioValue, "_").concat(radioLabel), onChange: function (e) { return handleChangeRadioInput(e); } }),
+        withInput && (react_1.default.createElement(Input_1.StyledInput, __assign({ status: false }, innerTextInputRef, { disabled: !radioChecked }))),
+        react_1.default.createElement("span", { className: "checkmark" })));
 };
 exports.default = BasicRadioInput;
 var templateObject_1;

package/dist/system/Forms/Selects/DesktopSelect/{index.jsx → index.js}

@@ -3,6 +3,17 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -92,14 +103,13 @@ var SelectElement = (0, styled_components_1.default)(react_select_1.default)(tem
 }, (0, _4k_1.adaptiveValueCalc)(12), (0, _4k_1.adaptiveValueCalc)(4), (0, _4k_1.adaptiveValueCalc)(8), (0, _4k_1.adaptiveValueCalc)(16), (0, _4k_1.adaptiveValueCalc)(-16), (0, _4k_1.adaptiveValueCalc)(6), (0, _4k_1.adaptiveValueCalc)(8), (0, _4k_1.adaptiveValueCalc)(300), (0, _4k_1.adaptiveValueCalc)(8.5), (0, _4k_1.adaptiveValueCalc)(20));
 var minHeight = 40;
 var DropdownIndicator = function (props) {
-    return (<react_select_1.components.DropdownIndicator {...props}>
-      <arrow_down_svg_1.default style={{
-            transition: 'transform 200ms',
-            transform: props.selectProps.menuIsOpen
-                ? 'rotate(180deg)'
-                : 'rotate(0)',
-        }}/>
-    </react_select_1.components.DropdownIndicator>);
+    return (react_1.default.createElement(react_select_1.components.DropdownIndicator, __assign({}, props),
+        react_1.default.createElement(arrow_down_svg_1.default, { style: {
+                transition: 'transform 200ms',
+                transform: props.selectProps.menuIsOpen
+                    ? 'rotate(180deg)'
+                    : 'rotate(0)',
+            } })));
 };
 var DesktopSelect = function (_a) {
     var options = _a.options, isLoading = _a.isLoading, onChangeHandler = _a.onChangeHandler, defaultOptionValue = _a.defaultOptionValue, name = _a.name, props = __rest(_a, ["options", "isLoading", "onChangeHandler", "defaultOptionValue", "name"]);
@@ -131,11 +141,11 @@ var DesktopSelect = function (_a) {
     };
     var windowDimensions = (0, utils_1.useWindowDimensionsWithServerInitial)().windowDimensions;
     if (isLoading)
-        return <react_loading_skeleton_1.default height={"".concat(minHeight, "px")} width="154px"/>;
-    return (<SelectElement id={String(Math.random())} minHeight={minHeight} scale={(0, utils_1.getAdaptiveScale)({ windowDimensions: windowDimensions, currentSize: 1 })} classNamePrefix="react-select" name={name} getOptionLabel={function (option) { return getOptionLabel(option); }} getOptionValue={function (option) { return getOptionValue(option); }} options={options} value={selectedOption} defaultValue={selectedOption} onChange={function (option) { return handleChangeOption(option); }} isSearchable={false} components={{
+        return react_1.default.createElement(react_loading_skeleton_1.default, { height: "".concat(minHeight, "px"), width: "154px" });
+    return (react_1.default.createElement(SelectElement, __assign({ id: String(Math.random()), minHeight: minHeight, scale: (0, utils_1.getAdaptiveScale)({ windowDimensions: windowDimensions, currentSize: 1 }), classNamePrefix: "react-select", name: name, getOptionLabel: function (option) { return getOptionLabel(option); }, getOptionValue: function (option) { return getOptionValue(option); }, options: options, value: selectedOption, defaultValue: selectedOption, onChange: function (option) { return handleChangeOption(option); }, isSearchable: false, components: {
             DropdownIndicator: DropdownIndicator,
             IndicatorSeparator: function () { return null; },
-        }} {...props}/>);
+        } }, props)));
 };
 exports.default = DesktopSelect;
 var templateObject_1;

package/dist/system/Forms/Selects/MobileSelect/{index.jsx → index.js}

@@ -49,9 +49,7 @@ var MobileSelect = function (_a) {
         setSelectedOption(findOption || options[0]);
         onChangeHandler(name, (findOption === null || findOption === void 0 ? void 0 : findOption.id) || ((_a = options[0]) === null || _a === void 0 ? void 0 : _a.id));
     };
-    return (<DropDown_1.default caption={name} fallBackOnClose={function () { return null; }} active={Boolean(router.query[name])}>
-      {options.map(function (select) { return (<RadioInput_1.default key={"".concat(select.id, "_").concat(select.label)} radioLabel={select.label} radioValue={select.id} handleChange={handleChangeOption} radioChecked={selectedOption.id === select.id}/>); })}
-    </DropDown_1.default>);
+    return (react_1.default.createElement(DropDown_1.default, { caption: name, fallBackOnClose: function () { return null; }, active: Boolean(router.query[name]) }, options.map(function (select) { return (react_1.default.createElement(RadioInput_1.default, { key: "".concat(select.id, "_").concat(select.label), radioLabel: select.label, radioValue: select.id, handleChange: handleChangeOption, radioChecked: selectedOption.id === select.id })); })));
 };
 // Export
 exports.default = MobileSelect;

package/dist/system/Forms/TextArea/{index.jsx → index.js}

@@ -3,6 +3,17 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -22,13 +33,12 @@ var BasicTextArea = function (_a) {
     var data = _a.data, register = _a.register, isNeedBiggerArea = _a.isNeedBiggerArea, error = _a.error;
     var renderError = function () {
         if (error.isNeedShowError) {
-            return <ErrorLabel_1.default>{error.message}</ErrorLabel_1.default>;
+            return react_1.default.createElement(ErrorLabel_1.default, null, error.message);
         }
     };
-    return (<>
-      <StyledTextArea {...register} rows={isNeedBiggerArea ? 8 : 4} status={error.isNeedShowError} id={data.name} name={data.name} autoComplete={'off'} placeholder={data.placeHolder}/>
-      {renderError()}
-    </>);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StyledTextArea, __assign({}, register, { rows: isNeedBiggerArea ? 8 : 4, status: error.isNeedShowError, id: data.name, name: data.name, autoComplete: 'off', placeholder: data.placeHolder })),
+        renderError()));
 };
 exports.default = BasicTextArea;
 var templateObject_1;

package/dist/system/Img/ExternalImage/{index.jsx → index.js}

@@ -3,6 +3,17 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -36,7 +47,7 @@ var styled_components_1 = __importDefault(require("styled-components"));
 var styled_system_1 = require("styled-system");
 var StyledImage = styled_components_1.default.img(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: block;\n  max-width: 100%;\n  height: ", ";\n  ", "\n  ", "\n  ", "\n"], ["\n  display: block;\n  max-width: 100%;\n  height: ", ";\n  ", "\n  ", "\n  ", "\n"])), function (props) { return (props.height ? props.height : 'auto'); }, styled_system_1.space, styled_system_1.layout, styled_system_1.border);
 exports.ExternalImage = (0, react_1.forwardRef)(function (props, ref) {
-    return <StyledImage ref={ref} {...props}/>;
+    return react_1.default.createElement(StyledImage, __assign({ ref: ref }, props));
 });
 exports.ExternalImage.displayName = 'ExternalImage';
 var templateObject_1;

package/dist/system/Img/ImageInterceptor/{ImageInterceptor.test.jsx → ImageInterceptor.test.js}

@@ -13,42 +13,38 @@ var styled_components_1 = __importDefault(require("styled-components"));
 var ImageInterceptor_1 = require("../ImageInterceptor");
 jest.mock('react-loading-skeleton', function () {
     return function TestSkeleton(props) {
-        return (<div data-testid="skeleton" style={{
+        return (react_1.default.createElement("div", { "data-testid": "skeleton", style: {
                 borderRadius: props.borderRadius,
-            }}/>);
+            } }));
     };
 });
 var TestImage = styled_components_1.default.img(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100px;\n  height: 100px;\n"], ["\n  width: 100px;\n  height: 100px;\n"])));
 var validSrc = '/tests/test_1.svg';
 describe('ImageInterceptor Component', function () {
     test('renders the skeleton while the image is loading', function () {
-        (0, react_2.render)(<ImageInterceptor_1.ImageInterceptor>
-        <TestImage src={validSrc}/>
-      </ImageInterceptor_1.ImageInterceptor>);
+        (0, react_2.render)(react_1.default.createElement(ImageInterceptor_1.ImageInterceptor, null,
+            react_1.default.createElement(TestImage, { src: validSrc })));
         expect(react_2.screen.getByTestId('skeleton')).toBeInTheDocument();
     });
     test('renders the image after it has loaded', function () {
-        (0, react_2.render)(<ImageInterceptor_1.ImageInterceptor>
-        <TestImage src={validSrc}/>
-      </ImageInterceptor_1.ImageInterceptor>);
+        (0, react_2.render)(react_1.default.createElement(ImageInterceptor_1.ImageInterceptor, null,
+            react_1.default.createElement(TestImage, { src: validSrc })));
         var image = react_2.screen.getByRole('img');
         react_2.fireEvent.load(image);
         expect(react_2.screen.queryByTestId('skeleton')).not.toBeInTheDocument();
         expect(image).toHaveAttribute('src', validSrc);
     });
     test('renders the fallback image if an error occurs', function () {
-        (0, react_2.render)(<ImageInterceptor_1.ImageInterceptor>
-        <TestImage src="invalid-image.jpg"/>
-      </ImageInterceptor_1.ImageInterceptor>);
+        (0, react_2.render)(react_1.default.createElement(ImageInterceptor_1.ImageInterceptor, null,
+            react_1.default.createElement(TestImage, { src: "invalid-image.jpg" })));
         var image = react_2.screen.getByRole('img');
         react_2.fireEvent.error(image);
         expect(react_2.screen.queryByTestId('skeleton')).not.toBeInTheDocument();
         expect(image).toHaveAttribute('src', '/noContent/noContent.svg');
     });
     test('applies the correct styles to the skeleton', function () {
-        (0, react_2.render)(<ImageInterceptor_1.ImageInterceptor borderRadiusSkeleton={10}>
-        <TestImage src={validSrc}/>
-      </ImageInterceptor_1.ImageInterceptor>);
+        (0, react_2.render)(react_1.default.createElement(ImageInterceptor_1.ImageInterceptor, { borderRadiusSkeleton: 10 },
+            react_1.default.createElement(TestImage, { src: validSrc })));
         expect(react_2.screen.getByTestId('skeleton')).toHaveStyle({
             borderRadius: '10px',
         });

package/dist/system/Img/ImageInterceptor/{index.jsx → index.js}

@@ -39,8 +39,8 @@ var ImageInterceptor = function (_a) {
     var children = _a.children, _b = _a.fallback, fallback = _b === void 0 ? '/noContent/noContent.svg' : _b, _c = _a.isShowSkeleton, isShowSkeleton = _c === void 0 ? true : _c, borderRadiusSkeleton = _a.borderRadiusSkeleton, className = _a.className;
     var _d = (0, react_1.useState)(children.props.src !== fallback), isLoading = _d[0], setIsLoading = _d[1];
     var _e = (0, react_1.useState)(false), isError = _e[0], setIsError = _e[1];
-    return (<SImage className={className}>
-      {react_1.default.cloneElement(children, {
+    return (react_1.default.createElement(SImage, { className: className },
+        react_1.default.cloneElement(children, {
             src: isError ? fallback : children.props.src,
             onLoad: function () {
                 setIsLoading(false);
@@ -49,9 +49,8 @@ var ImageInterceptor = function (_a) {
                 setIsError(true);
                 setIsLoading(false);
             },
-        })}
-      {isShowSkeleton && isLoading && (<react_loading_skeleton_1.default className={'skeleton'} width={children.props.width || '100%'} height={children.props.height || '100%'} borderRadius={borderRadiusSkeleton || children.props.borderRadius || 2}/>)}
-    </SImage>);
+        }),
+        isShowSkeleton && isLoading && (react_1.default.createElement(react_loading_skeleton_1.default, { className: 'skeleton', width: children.props.width || '100%', height: children.props.height || '100%', borderRadius: borderRadiusSkeleton || children.props.borderRadius || 2 }))));
 };
 exports.ImageInterceptor = ImageInterceptor;
 var templateObject_1;

package/dist/system/Img/Profilepic/{index.jsx → index.js}

@@ -25,15 +25,14 @@ var ProfilePic = function (_a) {
     var userPicSrc = _a.userPicSrc, _b = _a.size, size = _b === void 0 ? 40 : _b;
     var windowDimensions = (0, screen_1.useWindowDimensionsWithServerInitial)().windowDimensions;
     var _c = getProfilePicProps(size), width = _c.width, height = _c.height;
-    return (<ImageInterceptor_1.ImageInterceptor borderRadiusSkeleton={'50%'}>
-      <StyledProfilePic src={userPicSrc} width={(0, check4k_1.getAdaptiveValueWithCheck4k)({
-            windowDimensions: windowDimensions,
-            currentSize: width,
-        })} height={(0, check4k_1.getAdaptiveValueWithCheck4k)({
-            windowDimensions: windowDimensions,
-            currentSize: height,
-        })} priority={true} alt={'ProfilePic'}/>
-    </ImageInterceptor_1.ImageInterceptor>);
+    return (react_1.default.createElement(ImageInterceptor_1.ImageInterceptor, { borderRadiusSkeleton: '50%' },
+        react_1.default.createElement(StyledProfilePic, { src: userPicSrc, width: (0, check4k_1.getAdaptiveValueWithCheck4k)({
+                windowDimensions: windowDimensions,
+                currentSize: width,
+            }), height: (0, check4k_1.getAdaptiveValueWithCheck4k)({
+                windowDimensions: windowDimensions,
+                currentSize: height,
+            }), priority: true, alt: 'ProfilePic' })));
 };
 exports.ProfilePic = ProfilePic;
 exports.ProfilePic.displayName = 'ProfilePic';

package/dist/system/Img/Userpic/{UserPic.test.jsx → UserPic.test.js}

@@ -41,10 +41,9 @@ describe('UserPic Component', function () {
             refetch: jest.fn(),
             error: undefined,
         });
-        (0, react_2.render)(<div>
-        test
-        <Userpic_1.default userId="123" width={100} height={100} isNeedBoxTransform={false}/>
-      </div>);
+        (0, react_2.render)(react_1.default.createElement("div", null,
+            "test",
+            react_1.default.createElement(Userpic_1.default, { userId: "123", width: 100, height: 100, isNeedBoxTransform: false })));
         var defaultUserPic = react_2.screen
             .getByText('test')
             .querySelector('.userPicImage');
@@ -59,10 +58,9 @@ describe('UserPic Component', function () {
             refetch: jest.fn(),
             error: undefined,
         });
-        (0, react_2.render)(<div>
-        test
-        <Userpic_1.default userId="123" width={100} height={100} isNeedBoxTransform={false}/>
-      </div>);
+        (0, react_2.render)(react_1.default.createElement("div", null,
+            "test",
+            react_1.default.createElement(Userpic_1.default, { userId: "123", width: 100, height: 100, isNeedBoxTransform: false })));
         var skeleton = react_2.screen
             .getByText('test')
             .querySelector('.react-loading-skeleton');

package/dist/system/Img/Userpic/{index.jsx → index.js}

@@ -74,27 +74,24 @@ var UserPic = function (_a) {
         }
     }, [userId, isSignedIn, isLoadingProfileData, profileData]);
     var renderDefaultUserPic = function () {
-        return <defaultUserpic_svg_1.default className={'userPicImage'}/>;
+        return react_1.default.createElement(defaultUserpic_svg_1.default, { className: 'userPicImage' });
     };
     var renderImage = function () {
-        return (<system_1.ImageInterceptor borderRadiusSkeleton={'50%'}>
-        <image_1.default src={(profileUserPic || userPic)} className={'userPicImage'} width={width} height={height} priority={true} alt={'ludo ninja userPick'}/>
-      </system_1.ImageInterceptor>);
+        return (react_1.default.createElement(system_1.ImageInterceptor, { borderRadiusSkeleton: '50%' },
+            react_1.default.createElement(image_1.default, { src: (profileUserPic || userPic), className: 'userPicImage', width: width, height: height, priority: true, alt: 'ludo ninja userPick' })));
     };
     var renderImageOrDefaultUserPic = function () {
         return profileUserPic || userPic ? renderImage() : renderDefaultUserPic();
     };
     var renderSkeleton = function () {
-        return <react_loading_skeleton_1.default className={'userPicImage'}/>;
+        return react_1.default.createElement(react_loading_skeleton_1.default, { className: 'userPicImage' });
     };
-    return (<StyledHeaderUserPic isNeedBoxTransform={isNeedBoxTransform} imageWidth={"".concat(width, "px")} imageHeight={"".concat(height, "px")}>
-      <link_1.default href={"/profile/".concat(userId, "/nfts")} className={'userPicBlock'}>
-        {loading || isLoadingProfileData
-            ? renderSkeleton()
-            : renderImageOrDefaultUserPic()}
-        {children}
-      </link_1.default>
-    </StyledHeaderUserPic>);
+    return (react_1.default.createElement(StyledHeaderUserPic, { isNeedBoxTransform: isNeedBoxTransform, imageWidth: "".concat(width, "px"), imageHeight: "".concat(height, "px") },
+        react_1.default.createElement(link_1.default, { href: "/profile/".concat(userId, "/nfts"), className: 'userPicBlock' },
+            loading || isLoadingProfileData
+                ? renderSkeleton()
+                : renderImageOrDefaultUserPic(),
+            children)));
 };
 // Export
 exports.default = UserPic;

package/dist/system/Labels/ExperienceLabel/{ExperienceLabel.test.jsx → ExperienceLabel.test.js}

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -9,7 +20,7 @@ var ExperienceLabel_1 = __importDefault(require("../ExperienceLabel"));
 // Mock the Next.js Image component
 jest.mock('next/image', function () {
     return function Image() {
-        return <img alt="Experience logo" width={20} height={20}/>;
+        return react_1.default.createElement("img", { alt: "Experience logo", width: 20, height: 20 });
     };
 });
 describe('ExperienceLabel Component', function () {
@@ -19,7 +30,7 @@ describe('ExperienceLabel Component', function () {
             link: '/profile/123',
             loading: false,
         };
-        (0, react_2.render)(<ExperienceLabel_1.default {...props}/>);
+        (0, react_2.render)(react_1.default.createElement(ExperienceLabel_1.default, __assign({}, props)));
         var xpText = react_2.screen.getByText('100 XP');
         expect(xpText).toBeInTheDocument();
         var imageAltText = react_2.screen.getByAltText('Experience logo');
@@ -33,9 +44,8 @@ describe('ExperienceLabel Component', function () {
             link: '/profile/123',
             loading: true,
         };
-        (0, react_2.render)(<div data-testid={'test_container'}>
-        <ExperienceLabel_1.default {...props}/>
-      </div>);
+        (0, react_2.render)(react_1.default.createElement("div", { "data-testid": 'test_container' },
+            react_1.default.createElement(ExperienceLabel_1.default, __assign({}, props))));
         var skeletonElement = react_2.screen
             .getByTestId('test_container')
             .querySelector('.react-loading-skeleton');
@@ -47,7 +57,7 @@ describe('ExperienceLabel Component', function () {
             link: '/profile/123',
             loading: false,
         };
-        (0, react_2.render)(<ExperienceLabel_1.default {...props}/>);
+        (0, react_2.render)(react_1.default.createElement(ExperienceLabel_1.default, __assign({}, props)));
         var xpText = react_2.screen.queryByText('0 XP');
         expect(xpText).not.toBeInTheDocument();
     });

package/dist/system/Labels/ExperienceLabel/{index.jsx → index.js}

@@ -29,13 +29,14 @@ var StyledExpTab = (0, styled_components_1.default)(link_1.default)(templateObje
 var ExperienceLabel = function (_a) {
     var _b = _a.value, value = _b === void 0 ? 0 : _b, link = _a.link, loading = _a.loading;
     if (loading)
-        return <SkeletonLabel_1.default />;
+        return react_1.default.createElement(SkeletonLabel_1.default, null);
     if (!value)
         return null;
-    return (<StyledExpTab href={link}>
-      <image_1.default src={'/rewardsPage/XP_logo.svg'} alt="Experience logo" width={20} height={20}/>
-      <p className={"value"}>{value} XP</p>
-    </StyledExpTab>);
+    return (react_1.default.createElement(StyledExpTab, { href: link },
+        react_1.default.createElement(image_1.default, { src: '/rewardsPage/XP_logo.svg', alt: "Experience logo", width: 20, height: 20 }),
+        react_1.default.createElement("p", { className: "value" },
+            value,
+            " XP")));
 };
 exports.default = ExperienceLabel;
 var templateObject_1;

package/dist/system/Labels/InviteLabel/{InviteLabel.test.jsx → InviteLabel.test.js}

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -13,7 +24,7 @@ describe('InviteLabel Component', function () {
             link: '/invite/123',
             loading: false,
         };
-        (0, react_2.render)(<InviteLabel_1.default {...props}/>);
+        (0, react_2.render)(react_1.default.createElement(InviteLabel_1.default, __assign({}, props)));
         var inviteText = react_2.screen.getByText('50 invites');
         expect(inviteText).toBeInTheDocument();
         var linkElement = react_2.screen.getByRole('link', { name: /50 invites/i });
@@ -25,9 +36,8 @@ describe('InviteLabel Component', function () {
             link: '/invite/123',
             loading: true,
         };
-        (0, react_2.render)(<div data-testid={'test_container'}>
-        <InviteLabel_1.default {...props}/>
-      </div>);
+        (0, react_2.render)(react_1.default.createElement("div", { "data-testid": 'test_container' },
+            react_1.default.createElement(InviteLabel_1.default, __assign({}, props))));
         var skeletonElement = react_2.screen
             .getByTestId('test_container')
             .querySelector('.react-loading-skeleton');
@@ -39,7 +49,7 @@ describe('InviteLabel Component', function () {
             link: '/invite/123',
             loading: false,
         };
-        (0, react_2.render)(<InviteLabel_1.default {...props}/>);
+        (0, react_2.render)(react_1.default.createElement(InviteLabel_1.default, __assign({}, props)));
         var inviteText = react_2.screen.queryByText('0 invites');
         expect(inviteText).not.toBeInTheDocument();
     });

package/dist/system/Labels/InviteLabel/{index.jsx → index.js}

@@ -28,12 +28,11 @@ var StyledExpTab = (0, styled_components_1.default)(link_1.default)(templateObje
 var InviteLabel = function (_a) {
     var value = _a.value, link = _a.link, loading = _a.loading;
     if (loading)
-        return <SkeletonLabel_1.default />;
+        return react_1.default.createElement(SkeletonLabel_1.default, null);
     if (!value)
         return null;
-    return (<StyledExpTab href={link}>
-      <p className={"value "}>{"".concat(value, " invites")}</p>
-    </StyledExpTab>);
+    return (react_1.default.createElement(StyledExpTab, { href: link },
+        react_1.default.createElement("p", { className: "value " }, "".concat(value, " invites"))));
 };
 exports.default = InviteLabel;
 var templateObject_1;

package/dist/system/Modals/Modal/{Modal.test.jsx → Modal.test.js}

@@ -15,13 +15,13 @@ describe('Modal Component', function () {
         var closeModalMock = jest.fn();
         // Mock the useUiStore hook
         ui_1.useUiStore.mockReturnValue({
-            contentModals: <div>test open</div>,
+            contentModals: react_1.default.createElement("div", null, "test open"),
             stylesModals: {},
             isModalOpen: true,
             closeModal: closeModalMock,
         });
         // Render the Modal component
-        (0, react_2.render)(<Modals_1.default />);
+        (0, react_2.render)(react_1.default.createElement(Modals_1.default, null));
         // Check if the modal content is in the document
         var labelElement = react_2.screen.getByText('test open');
         expect(labelElement).toBeInTheDocument();