intelicoreact 1.6.1 → 1.6.2

package/dist/Atomic/UI/Alert/Alert.js

@@ -1,121 +1,65 @@
-"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 _reactfeather = require("react-feather");
-const _Spinner = /*#__PURE__*/ _interop_require_default(require("../../Layout/Spinner/Spinner"));
-const _Button = /*#__PURE__*/ _interop_require_default(require("../Button/Button"));
-const _DynamicIcon = /*#__PURE__*/ _interop_require_default(require("../DynamicIcon/DynamicIcon"));
-require("./Alert.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;
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState } from "react";
+import cn from "classnames";
+import { X } from "react-feather";
+import Spinner from "../../Layout/Spinner/Spinner";
+import Button from "../Button/Button";
+import DynamicIcon from "../DynamicIcon/DynamicIcon";
+import "./Alert.scss";
 const Alert = ({ message, icon, iconDynamicKey, iconDynamicProps, className, children, noDismiss, testId = "alert", isHidden = false, variant = "warning", isLoading, buttonParams })=>{
-    const [onClose, setOnClose] = (0, _react.useState)(false);
-    const DynamicIconComponent = iconDynamicKey && !icon ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_DynamicIcon.default, {
+    const [onClose, setOnClose] = useState(false);
+    const DynamicIconComponent = iconDynamicKey && !icon ? /*#__PURE__*/ _jsx(DynamicIcon, {
         iconKey: iconDynamicKey,
         ...iconDynamicProps
     }) : null;
     function renderActionsBlock() {
-        if (buttonParams) return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        if (buttonParams) return /*#__PURE__*/ _jsxs("div", {
             className: "j6 alert__btns-box",
             children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
+                /*#__PURE__*/ _jsx(Button, {
                     ...buttonParams
                 }),
-                !noDismiss && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                !noDismiss && /*#__PURE__*/ _jsx("div", {
                     className: "alert__close-btn",
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.X, {
+                    children: /*#__PURE__*/ _jsx(X, {
                         "data-testid": `${testId}-close`,
                         onClick: ()=>setOnClose(!onClose)
                     })
                 })
             ]
         });
-        if (!noDismiss) return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        if (!noDismiss) return /*#__PURE__*/ _jsx("div", {
             className: "alert__close-btn",
-            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.X, {
+            children: /*#__PURE__*/ _jsx(X, {
                 "data-testid": `${testId}-close`,
                 onClick: ()=>setOnClose(!onClose)
             })
         });
         return null;
     }
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+    return /*#__PURE__*/ _jsxs("div", {
         "data-testid": testId,
-        className: (0, _classnames.default)(className, {
+        className: cn(className, {
             hidden: onClose
         }, `alert alert--${variant}`, {
             hidden: isHidden,
             "alert--loading": isLoading
         }),
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            /*#__PURE__*/ _jsxs("div", {
                 className: "alert__icon-text-box j4",
                 children: [
                     DynamicIconComponent !== null && DynamicIconComponent !== void 0 ? DynamicIconComponent : icon,
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    /*#__PURE__*/ _jsx("div", {
                         children: children || message
                     })
                 ]
             }),
             renderActionsBlock(),
-            isLoading && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Spinner.default, {
+            isLoading && /*#__PURE__*/ _jsx(Spinner, {
                 size: "small"
             })
         ]
     });
 };
-const _default = Alert;
+export default Alert;

package/dist/Atomic/UI/Alert/Alert.stories.js

@@ -1,38 +1,12 @@
-"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, {
-    AlertTemplate: function() {
-        return AlertTemplate;
-    },
-    AlertTest: function() {
-        return AlertTest;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _Alert = /*#__PURE__*/ _interop_require_default(require("./Alert"));
-const _reactfeather = require("react-feather");
-require("../../../../../scss/main.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import Alert from './Alert';
+import { Home } from 'react-feather';
+import '../../../../../scss/main.scss';
 global.lng = 'en';
-const _default = {
+export default {
     title: 'UI/Alert',
-    component: _Alert.default,
+    component: Alert,
     argTypes: {
         variant: {
             description: 'string: ["error", "warning", "success", "info"]. optional. warning is default',
@@ -54,24 +28,24 @@ const _default = {
         isLoading: 'boolean, add internal spinner'
     }
 };
-const Template = (args)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_Alert.default, {
+const Template = (args)=>/*#__PURE__*/ _jsx(Alert, {
         ...args
     });
-const AlertTemplate = Template.bind({});
+export const AlertTemplate = Template.bind({});
 AlertTemplate.args = {
     message: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.",
     variant: 'info',
     noDismiss: false,
     isHidden: false,
     isLoading: false,
-    icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Home, {})
+    icon: /*#__PURE__*/ _jsx(Home, {})
 };
-const AlertTest = Template.bind({});
+export const AlertTest = Template.bind({});
 AlertTest.args = {
     message: 'example message. last test for close alert',
     variant: 'info',
     noDismiss: false,
-    icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Home, {}),
+    icon: /*#__PURE__*/ _jsx(Home, {}),
     // noDismiss: true,
     buttonParams: {
         label: 'Got it!',

package/dist/Atomic/UI/Arrow/Arrow.js

@@ -1,78 +1,22 @@
-"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 _utils = require("../../../Functions/utils");
-require("./Arrow.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;
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect, useRef, useState } from "react";
+import cn from "classnames";
+import { getStyles } from "../../../Functions/utils";
+import "./Arrow.scss";
 const Arrow = ({ type, className, onClick, disabled, testId, isAlt })=>{
     if (!type || type !== "left" && type !== "right") return null;
-    const ref = (0, _react.useRef)();
-    const [color, setColor] = (0, _react.useState)("currentColor");
-    (0, _react.useEffect)(()=>{
+    const ref = useRef();
+    const [color, setColor] = useState("currentColor");
+    useEffect(()=>{
         if (ref.current) {
-            setColor((0, _utils.getStyles)(ref.current, "color"));
+            setColor(getStyles(ref.current, "color"));
         }
     }, [
         ref.current
     ]);
     function renderSVG() {
         if (type === "left") {
-            if (isAlt) return /*#__PURE__*/ (0, _jsxruntime.jsxs)("svg", {
+            if (isAlt) return /*#__PURE__*/ _jsxs("svg", {
                 "data-testid": testId,
                 version: "1.1",
                 id: "Layer_1",
@@ -81,7 +25,7 @@ const Arrow = ({ type, className, onClick, disabled, testId, isAlt })=>{
                 height: "16",
                 viewBox: "0 0 16 16",
                 children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("path", {
+                    /*#__PURE__*/ _jsx("path", {
                         d: "M12.7,8H3.3",
                         stroke: color,
                         fill: "none",
@@ -89,7 +33,7 @@ const Arrow = ({ type, className, onClick, disabled, testId, isAlt })=>{
                         strokeLinecap: "round",
                         strokeLinejoin: "round"
                     }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("path", {
+                    /*#__PURE__*/ _jsx("path", {
                         d: "M8,3.3L3.3,8L8,12.7",
                         stroke: color,
                         fill: "none",
@@ -99,14 +43,14 @@ const Arrow = ({ type, className, onClick, disabled, testId, isAlt })=>{
                     })
                 ]
             });
-            return /*#__PURE__*/ (0, _jsxruntime.jsx)("svg", {
+            return /*#__PURE__*/ _jsx("svg", {
                 "data-testid": testId,
                 width: "24",
                 height: "24",
                 viewBox: "0 0 24 24",
                 fill: "none",
                 xmlns: "http://www.w3.org/2000/svg",
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)("path", {
+                children: /*#__PURE__*/ _jsx("path", {
                     d: "M15 18L9 12L15 6",
                     stroke: color,
                     strokeWidth: "2",
@@ -115,7 +59,7 @@ const Arrow = ({ type, className, onClick, disabled, testId, isAlt })=>{
                 })
             });
         }
-        if (isAlt) return /*#__PURE__*/ (0, _jsxruntime.jsxs)("svg", {
+        if (isAlt) return /*#__PURE__*/ _jsxs("svg", {
             "data-testid": testId,
             id: "Layer_1",
             xmlns: "http://www.w3.org/2000/svg",
@@ -123,7 +67,7 @@ const Arrow = ({ type, className, onClick, disabled, testId, isAlt })=>{
             height: "16",
             viewBox: "0 0 16 16",
             children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("path", {
+                /*#__PURE__*/ _jsx("path", {
                     d: "M3.3,8h9.3",
                     stroke: color,
                     fill: "none",
@@ -131,7 +75,7 @@ const Arrow = ({ type, className, onClick, disabled, testId, isAlt })=>{
                     strokeLinecap: "round",
                     strokeLinejoin: "round"
                 }),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("path", {
+                /*#__PURE__*/ _jsx("path", {
                     d: "M8,3.3L12.7,8L8,12.7",
                     stroke: color,
                     fill: "none",
@@ -141,14 +85,14 @@ const Arrow = ({ type, className, onClick, disabled, testId, isAlt })=>{
                 })
             ]
         });
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)("svg", {
+        return /*#__PURE__*/ _jsx("svg", {
             "data-testid": testId,
             width: "24",
             height: "24",
             viewBox: "0 0 24 24",
             fill: "none",
             xmlns: "http://www.w3.org/2000/svg",
-            children: /*#__PURE__*/ (0, _jsxruntime.jsx)("path", {
+            children: /*#__PURE__*/ _jsx("path", {
                 d: "M9 18L15 12L9 6",
                 stroke: "currentColor",
                 strokeWidth: "2",
@@ -157,14 +101,14 @@ const Arrow = ({ type, className, onClick, disabled, testId, isAlt })=>{
             })
         });
     }
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+    return /*#__PURE__*/ _jsx("div", {
         "data-testid": `arrow--key-${testId}--type-${type}`,
         ref: ref,
-        className: (0, _classnames.default)("arrow", `arrow_${type}`, className, {
+        className: cn("arrow", `arrow_${type}`, className, {
             arrow_disabled: disabled
         }),
         onClick: onClick,
         children: renderSVG()
     });
 };
-const _default = Arrow;
+export default Arrow;

package/dist/Atomic/UI/Arrow/Arrow.stories.js

@@ -1,34 +1,11 @@
-"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, {
-    ArrowTemplate: function() {
-        return ArrowTemplate;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _Arrow = /*#__PURE__*/ _interop_require_default(require("./Arrow"));
-require("../../../../../scss/main.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import Arrow from './Arrow';
+import '../../../../../scss/main.scss';
 global.lng = 'en';
-const _default = {
+export default {
     title: 'UI/Arrow',
-    component: _Arrow.default,
+    component: Arrow,
     argTypes: {
         type: {
             description: 'string: ["left", "right"]',
@@ -50,11 +27,11 @@ const _default = {
 };
 const Template = (args)=>{
     const { className, onClick } = args;
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Arrow.default, {
+    return /*#__PURE__*/ _jsx(Arrow, {
         ...args
     });
 };
-const ArrowTemplate = Template.bind({});
+export const ArrowTemplate = Template.bind({});
 ArrowTemplate.args = {
     type: 'left',
     className: 'externall-class-name',

package/dist/Atomic/UI/Box/Box.js

@@ -1,23 +1,9 @@
 // global
-"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("./Box.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import cn from "classnames";
+// styles
+import "./Box.scss";
 const directionVariants = {
     column: "column",
     row: "row"
@@ -34,13 +20,13 @@ const Box = function({ children, paddingVariant = sizes.m, radiiVariant = sizes.
     const styles = {
         flexDirection: direction
     };
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+    return /*#__PURE__*/ _jsx("div", {
         style: styles,
-        className: (0, _classnames.default)("box", `box--padding-${paddingVariant}`, `box--radii-${radiiVariant}`, className, {
+        className: cn("box", `box--padding-${paddingVariant}`, `box--radii-${radiiVariant}`, className, {
             df: direction === directionVariants.row,
             "dfc-jc": direction === directionVariants.column
         }),
         children: children
     });
 };
-const _default = Box;
+export default Box;

package/dist/Atomic/UI/Box/Box.stories.js

@@ -1,30 +1,7 @@
-"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, {
-    BoxTemplate: function() {
-        return BoxTemplate;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _CheckboxInput = /*#__PURE__*/ _interop_require_default(require("../../FormElements/CheckboxInput/CheckboxInput"));
-const _Box = /*#__PURE__*/ _interop_require_default(require("./Box"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from "react";
+import CheckboxInput from "../../FormElements/CheckboxInput/CheckboxInput";
+import Box from "./Box";
 function getRadioArgType(options, defaultValue) {
     return {
         description: `string: ${JSON.stringify(options)}. optional. ${defaultValue} is default`,
@@ -34,9 +11,9 @@ function getRadioArgType(options, defaultValue) {
         options
     };
 }
-const _default = {
+export default {
     title: "UI/Box",
-    component: _Box.default,
+    component: Box,
     argTypes: {
         direction: getRadioArgType([
             "column",
@@ -62,41 +39,41 @@ const _default = {
 };
 const Template = (args)=>{
     const { className, onClick } = args;
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+    return /*#__PURE__*/ _jsxs(_Fragment, {
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Box.default, {
+            /*#__PURE__*/ _jsxs(Box, {
                 ...args,
                 children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_CheckboxInput.default, {
+                    /*#__PURE__*/ _jsx(CheckboxInput, {
                         label: "mock element one"
                     }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_CheckboxInput.default, {
+                    /*#__PURE__*/ _jsx("br", {}),
+                    /*#__PURE__*/ _jsx(CheckboxInput, {
                         label: "mock element second"
                     })
                 ]
             }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)("h2", {
+            /*#__PURE__*/ _jsx("br", {}),
+            /*#__PURE__*/ _jsx("br", {}),
+            /*#__PURE__*/ _jsxs("h2", {
                 children: [
                     "direction: ",
                     args.direction
                 ]
             }),
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)("h2", {
+            /*#__PURE__*/ _jsxs("h2", {
                 children: [
                     "radii: ",
                     args.radiiVariant
                 ]
             }),
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)("h2", {
+            /*#__PURE__*/ _jsxs("h2", {
                 children: [
                     "padding: ",
                     args.paddingVariant
                 ]
             }),
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)("h2", {
+            /*#__PURE__*/ _jsxs("h2", {
                 children: [
                     "className: ",
                     args.className
@@ -105,7 +82,7 @@ const Template = (args)=>{
         ]
     });
 };
-const BoxTemplate = Template.bind({});
+export const BoxTemplate = Template.bind({});
 BoxTemplate.args = {
     direction: "column",
     radiiVariant: "s",

package/dist/Atomic/UI/Button/Button.js

@@ -1,31 +1,16 @@
-"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("./Button.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import cn from 'classnames';
+import React from 'react';
+import './Button.scss';
 const RC = 'button';
 const Button = ({ label, onClick, disabled, icon, className, children, style, noIcon, isIconRight, testId = 'button', tabIndex = 0, variant = 'primary', isTextEllipsis = false, ...props })=>{
     const noRenderIcon = noIcon || variant === 'ellipse-apply' || variant === 'ellipse-cancel';
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("button", {
+    return /*#__PURE__*/ _jsxs("button", {
         ...props,
         "data-testid": testId,
         tabIndex: tabIndex,
         style: style,
-        className: (0, _classnames.default)(RC, {
+        className: cn(RC, {
             [`${RC}_${variant}`]: variant,
             'button_icon-left': icon && !isIconRight,
             'button_icon-right': icon && isIconRight
@@ -35,8 +20,8 @@ const Button = ({ label, onClick, disabled, icon, className, children, style, no
         type: "button",
         children: [
             !noRenderIcon && icon,
-            label && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                className: (0, _classnames.default)('button__text', {
+            label && /*#__PURE__*/ _jsx("div", {
+                className: cn('button__text', {
                     'text-ellipsis': isTextEllipsis
                 }),
                 children: label
@@ -45,4 +30,4 @@ const Button = ({ label, onClick, disabled, icon, className, children, style, no
         ]
     });
 };
-const _default = Button;
+export default Button;