intelicoreact 1.6.2 → 1.6.4

package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.stories.js

@@ -1,11 +1,75 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React, { useRef, useState } from "react";
-import TagsDropdown from "./TagsDropdown";
-import "../../../../../scss/main.scss";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    TagsDropdownTemplate: function() {
+        return TagsDropdownTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _TagsDropdown = /*#__PURE__*/ _interop_require_default(require("./TagsDropdown"));
+require("../../../../../scss/main.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(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 = {
+        __proto__: null
+    };
+    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;
+}
 global.lng = "en";
-export default {
+const _default = {
     title: "Form Elements/TagsDropdown",
-    component: TagsDropdown,
+    component: _TagsDropdown.default,
     argTypes: {
         noTagsWrap: {
             type: "boolean",
@@ -23,20 +87,20 @@ export default {
 const Template = (args)=>{
     const { isIncludeOuterStyles, ...restArgs } = args;
     const { options } = args;
-    const selectAllButton = useRef(null);
-    const unselectAllButton = useRef(null);
+    const selectAllButton = (0, _react.useRef)(null);
+    const unselectAllButton = (0, _react.useRef)(null);
     const myArgs = {
-        headerContent: /*#__PURE__*/ _jsx("button", {
+        headerContent: /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
             onClick: ()=>alert("Add your action"),
             children: "Add new option"
         }),
-        footerContent: /*#__PURE__*/ _jsxs(_Fragment, {
+        footerContent: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
             children: [
-                /*#__PURE__*/ _jsx("button", {
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
                     ref: selectAllButton,
                     children: "Select all"
                 }),
-                /*#__PURE__*/ _jsx("button", {
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
                     ref: unselectAllButton,
                     children: "Unselect all"
                 })
@@ -45,14 +109,14 @@ const Template = (args)=>{
         selectAllButtonRef: selectAllButton,
         unselectAllButtonRef: unselectAllButton
     };
-    const [value, setValue] = useState([
+    const [value, setValue] = (0, _react.useState)([
         "group11"
     ]);
-    return /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
         style: {
             height: '1000px'
         },
-        children: /*#__PURE__*/ _jsx(TagsDropdown, {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_TagsDropdown.default, {
             ...args,
             ...myArgs,
             // className={`tags-dropdown_arrow-static ${isIncludeOuterStyles ? "" : ""}`}
@@ -62,7 +126,7 @@ const Template = (args)=>{
         })
     });
 };
-export const TagsDropdownTemplate = Template.bind({});
+const TagsDropdownTemplate = Template.bind({});
 const colors = [
     "#F1F0F0",
     "#E3E2E0",

package/dist/Atomic/FormElements/Text/Text.js

@@ -1,7 +1,22 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React from "react";
-import cn from "classnames";
-import "./Text.scss";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+require("./Text.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 const RC = "text";
 /**
  *
@@ -60,25 +75,25 @@ const Text = ({ value, className, classesObj, icon, link, align = "left", testId
             redirect(preparedPath);
         };
     }
-    const mainInner = /*#__PURE__*/ _jsxs(_Fragment, {
+    const mainInner = /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
-            icon && /*#__PURE__*/ _jsx("div", {
+            icon && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                 className: `${RC}__icon-container`,
                 children: icon
             }),
             value
         ]
     });
-    return /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
         "data-testid": testId,
-        className: cn(RC, className, {
+        className: (0, _classnames.default)(RC, className, {
             [`${RC}-left`]: align === "left",
             [`${RC}-center`]: align === "center",
             [`${RC}-right`]: align === "right",
             [`${RC}-justify`]: align === "justify",
             ...classesObj
         }),
-        children: isLink ? /*#__PURE__*/ _jsx("a", {
+        children: isLink ? /*#__PURE__*/ (0, _jsxruntime.jsx)("a", {
             ...atributes,
             href: preparedPath,
             target: target !== null && target !== void 0 ? target : "_self",
@@ -87,4 +102,4 @@ const Text = ({ value, className, classesObj, icon, link, align = "left", testId
         }) : mainInner
     });
 };
-export default Text;
+const _default = Text;

package/dist/Atomic/FormElements/Text/Text.stories.js

@@ -1,9 +1,32 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import Text from './Text';
-export default {
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    TextTemplate: function() {
+        return TextTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _Text = /*#__PURE__*/ _interop_require_default(require("./Text"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const _default = {
     title: 'Form Elements/Text',
-    component: Text,
+    component: _Text.default,
     argTypes: {
         value: {
             description: 'It is implied that the value must be a string, but technically it can be JSX or anything that cannot be cast false.'
@@ -35,7 +58,7 @@ const Template = (args)=>{
         path: '/test',
         target: '_blank'
     };
-    return /*#__PURE__*/ _jsx(Text, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.default, {
         ...restArgs,
         classesObj: {
             ...classesObj,
@@ -44,7 +67,7 @@ const Template = (args)=>{
         link: isUseLinkHardCode ? linkHardCode : link
     });
 };
-export const TextTemplate = Template.bind({});
+const TextTemplate = Template.bind({});
 TextTemplate.args = {
     isUseLinkHardCode: false,
     value: 'Дратути!',

package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.js

@@ -1,34 +1,49 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import cn from 'classnames';
-import React from 'react';
-import './TextSwitcher.scss';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+require("./TextSwitcher.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 const RC = 'text-switcher';
 const TextSwitcher = ({ isActive, onChange, className, disabled, activeText = 'is', inactiveText = 'is not', testId = RC })=>{
     const isUndefined = isActive === undefined || isActive === null;
-    return /*#__PURE__*/ _jsxs("button", {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("button", {
         type: "button",
         "data-testid": testId,
-        className: cn(RC, {
+        className: (0, _classnames.default)(RC, {
             [`${RC}_active`]: isActive,
             [`${RC}_disabled`]: disabled
         }, className),
         onClick: ()=>onChange(!isActive),
         disabled: disabled,
         children: [
-            /*#__PURE__*/ _jsx("span", {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
                 className: `${RC}__btn`,
                 children: activeText
             }),
-            inactiveText && /*#__PURE__*/ _jsx("span", {
-                className: cn(`${RC}__btn`, `${RC}__btn_off`),
+            inactiveText && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                className: (0, _classnames.default)(`${RC}__btn`, `${RC}__btn_off`),
                 children: inactiveText
             }),
-            !isUndefined && /*#__PURE__*/ _jsx("div", {
-                className: cn(`${RC}__slider`, {
+            !isUndefined && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: (0, _classnames.default)(`${RC}__slider`, {
                     [`${RC}__slider_inactive`]: !isActive
                 })
             })
         ]
     });
 };
-export default TextSwitcher;
+const _default = TextSwitcher;

package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.stories.js

@@ -1,12 +1,76 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useState } from 'react';
-import TextSwitcher from './TextSwitcher';
-import './partial/AnyOuterClass.scss';
-import '../../../../../scss/main.scss';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    TextSwitcherTemplate: function() {
+        return TextSwitcherTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _TextSwitcher = /*#__PURE__*/ _interop_require_default(require("./TextSwitcher"));
+require("./partial/AnyOuterClass.scss");
+require("../../../../../scss/main.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(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 = {
+        __proto__: null
+    };
+    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;
+}
 global.lng = 'en';
-export default {
+const _default = {
     title: 'Form Elements/TextSwitcher',
-    component: TextSwitcher,
+    component: _TextSwitcher.default,
     argTypes: {
         disabled: {
             description: 'boolean'
@@ -24,15 +88,15 @@ export default {
 };
 const Template = (args)=>{
     const { isIncludeOuterStyles, ...restArgs } = args;
-    const [isActive, setIsActive] = useState(true);
-    return /*#__PURE__*/ _jsx(TextSwitcher, {
+    const [isActive, setIsActive] = (0, _react.useState)(true);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_TextSwitcher.default, {
         ...restArgs,
         className: isIncludeOuterStyles ? 'any-outer-class__text-switcher' : null,
         isActive: isActive,
         onChange: setIsActive
     });
 };
-export const TextSwitcherTemplate = Template.bind({});
+const TextSwitcherTemplate = Template.bind({});
 TextSwitcherTemplate.args = {
     isIncludeOuterStyles: false,
     disabled: false,

package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.test.js

@@ -1,48 +1,57 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { fireEvent, render, screen } from '@testing-library/react';
-import '@testing-library/jest-dom';
-import TextSwitcher from './TextSwitcher';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("@testing-library/react");
+require("@testing-library/jest-dom");
+const _TextSwitcher = /*#__PURE__*/ _interop_require_default(require("./TextSwitcher"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 describe('textSwitcher Component', ()=>{
     it('renders with active text when isActive is true', ()=>{
-        render(/*#__PURE__*/ _jsx(TextSwitcher, {
+        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_TextSwitcher.default, {
             isActive: true,
             onChange: ()=>{},
             activeText: "is",
             inactiveText: "is not"
         }));
-        expect(screen.getByText('is')).toBeInTheDocument();
+        expect(_react.screen.getByText('is')).toBeInTheDocument();
     });
     it('renders with inactive text when isActive is false', ()=>{
-        render(/*#__PURE__*/ _jsx(TextSwitcher, {
+        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_TextSwitcher.default, {
             isActive: false,
             onChange: ()=>{},
             activeText: "is",
             inactiveText: "is not"
         }));
-        expect(screen.getByText('is not')).toBeInTheDocument();
+        expect(_react.screen.getByText('is not')).toBeInTheDocument();
     });
     it('does not render inactive text when isActive is true and inactiveText is not provided', ()=>{
-        render(/*#__PURE__*/ _jsx(TextSwitcher, {
+        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_TextSwitcher.default, {
             isActive: true,
             onChange: ()=>{},
             activeText: "is",
             inactiveText: ""
         }));
-        expect(screen.queryByText('is not')).not.toBeInTheDocument();
+        expect(_react.screen.queryByText('is not')).not.toBeInTheDocument();
     });
     it('calls onChange when clicked', ()=>{
         const onChangeMock = jest.fn();
-        render(/*#__PURE__*/ _jsx(TextSwitcher, {
+        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_TextSwitcher.default, {
             isActive: true,
             onChange: onChangeMock,
             activeText: "is",
             inactiveText: "is not"
         }));
-        fireEvent.click(screen.getByTestId('text-switcher'));
+        _react.fireEvent.click(_react.screen.getByTestId('text-switcher'));
         expect(onChangeMock).toHaveBeenCalledWith(false);
     });
     it('applies disabled class when disabled is true', ()=>{
-        const { container } = render(/*#__PURE__*/ _jsx(TextSwitcher, {
+        const { container } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_TextSwitcher.default, {
             isActive: true,
             onChange: ()=>{},
             disabled: true,
@@ -53,18 +62,18 @@ describe('textSwitcher Component', ()=>{
     });
     it('does not trigger onChange when disabled is true', ()=>{
         const onChangeMock = jest.fn();
-        render(/*#__PURE__*/ _jsx(TextSwitcher, {
+        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_TextSwitcher.default, {
             isActive: true,
             onChange: onChangeMock,
             disabled: true,
             activeText: "is",
             inactiveText: "is not"
         }));
-        fireEvent.click(screen.getByTestId('text-switcher'));
+        _react.fireEvent.click(_react.screen.getByTestId('text-switcher'));
         expect(onChangeMock).not.toHaveBeenCalled();
     });
     it('applies active class when isActive is true', ()=>{
-        const { container } = render(/*#__PURE__*/ _jsx(TextSwitcher, {
+        const { container } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_TextSwitcher.default, {
             isActive: true,
             onChange: ()=>{},
             activeText: "is",
@@ -73,7 +82,7 @@ describe('textSwitcher Component', ()=>{
         expect(container.firstChild).toHaveClass('text-switcher_active');
     });
     it('applies inactive class when isActive is false', ()=>{
-        const { container } = render(/*#__PURE__*/ _jsx(TextSwitcher, {
+        const { container } = (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_TextSwitcher.default, {
             isActive: false,
             onChange: ()=>{},
             activeText: "is",

package/dist/Atomic/FormElements/Textarea/Textarea.js

@@ -1,16 +1,72 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { forwardRef, useEffect, useRef } from "react";
-import cn from "classnames";
-import { formatToOnlyASCIICodeText } from "../../../Functions/fieldValueFormatters";
-import "./Textarea.scss";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
+require("./Textarea.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(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 = {
+        __proto__: null
+    };
+    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;
+}
 const RC = "textarea";
-const Textarea = /*#__PURE__*/ forwardRef(({ id, value, onChange, onFocus, onBlur, placeholder, disabled, className, isNotValidateASCII = false, testId = RC, withAutoGrow, onKeyDown = ()=>{} }, ref)=>{
-    const internalRef = useRef();
+const Textarea = /*#__PURE__*/ (0, _react.forwardRef)(({ id, value, onChange, onFocus, onBlur, placeholder, disabled, className, isNotValidateASCII = false, testId = RC, withAutoGrow, onKeyDown = ()=>{} }, ref)=>{
+    const internalRef = (0, _react.useRef)();
     const textareaRef = ref || internalRef;
     const handle = {
         change: (val)=>{
             let inputValue = val;
-            if (!isNotValidateASCII) inputValue = formatToOnlyASCIICodeText(inputValue);
+            if (!isNotValidateASCII) inputValue = (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(inputValue);
             onChange(inputValue);
         },
         focus: (e)=>{
@@ -24,7 +80,7 @@ const Textarea = /*#__PURE__*/ forwardRef(({ id, value, onChange, onFocus, onBlu
         el.style.height = "5px";
         el.style.height = el.scrollHeight + "px";
     };
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         if (withAutoGrow) {
             autoGrow(textareaRef === null || textareaRef === void 0 ? void 0 : textareaRef.current);
         }
@@ -32,10 +88,10 @@ const Textarea = /*#__PURE__*/ forwardRef(({ id, value, onChange, onFocus, onBlu
         value,
         withAutoGrow
     ]);
-    return /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
         "data-testid": testId,
-        className: cn(`${RC}`, className),
-        children: /*#__PURE__*/ _jsx("textarea", {
+        className: (0, _classnames.default)(`${RC}`, className),
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("textarea", {
             id: id !== null && id !== void 0 ? id : Math.random().toString(16).slice(2),
             "data-testid": `${testId}-textarea`,
             className: `${RC}__textarea`,
@@ -50,4 +106,4 @@ const Textarea = /*#__PURE__*/ forwardRef(({ id, value, onChange, onFocus, onBlu
         })
     });
 });
-export default Textarea;
+const _default = Textarea;