armtek-uikit-react 1.0.154 → 1.0.155

package/ui/Chip/Chip.js

@@ -1,10 +1,7 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _jsxRuntime = require("react/jsx-runtime");
+import clsx from 'clsx';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 function Chip(props) {
   let {
     size,
@@ -21,26 +18,26 @@ function Chip(props) {
     ...restProps
   } = props;
   let Component = as || 'span';
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx(Component, {
       ...restProps,
-      className: (0, _clsx.default)('arm-chip', className, {
+      className: clsx('arm-chip', className, {
         'arm-chip_disabled': !!disabled
       }, ['arm-chip_' + size], ['arm-chip_' + variant], ['arm-chip_' + color], ['arm-chip_' + shape]),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+      children: /*#__PURE__*/_jsxs("span", {
         className: 'arm-chip__inner',
-        children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: (0, _clsx.default)('material_icon', 'arm-chip__icon', ['arm-chip__icon_' + size]),
+        children: [icon && /*#__PURE__*/_jsx("span", {
+          className: clsx('material_icon', 'arm-chip__icon', ['arm-chip__icon_' + size]),
           children: icon
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        }), /*#__PURE__*/_jsx("span", {
           className: 'arm-chip__text',
           children: text || children
-        }), onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: (0, _clsx.default)('material_icon_solid', {
+        }), onClose && /*#__PURE__*/_jsx("span", {
+          className: clsx('material_icon_solid', {
             'arm-chip__close_disabled': !!disabled
           }, ['arm-chip__close_' + size], ['arm-chip__close_' + color], 'arm-chip__close'),
           onClick: onClose,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: /*#__PURE__*/_jsx("span", {
             className: 'mis',
             children: "cancel"
           })
@@ -49,5 +46,4 @@ function Chip(props) {
     })
   });
 }
-var _default = exports.default = Chip;
-module.exports = exports.default;
+export default Chip;

package/ui/Chip/index.js

@@ -1,8 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _Chip = _interopRequireDefault(require("./Chip"));
-exports.default = _Chip.default;
-module.exports = exports.default;
+export { default } from "./Chip";

package/ui/Dropdown/Dropdown.js

@@ -1,13 +1,10 @@
-"use strict";
 "use client";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _react = require("react");
-var _clsx = _interopRequireDefault(require("clsx"));
-var _reactTransitionGroup = require("react-transition-group");
-var _jsxRuntime = require("react/jsx-runtime");
+import { useEffect, useRef } from 'react';
+import clsx from 'clsx';
+import { CSSTransition } from 'react-transition-group';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 function Dropdown(props) {
   var _nodeRef$current;
   const {
@@ -17,21 +14,21 @@ function Dropdown(props) {
     transitionProps,
     ...divProps
   } = props;
-  const nodeRef = (0, _react.useRef)(null);
+  const nodeRef = useRef(null);
   const contentHeight = (_nodeRef$current = nodeRef.current) == null ? void 0 : _nodeRef$current.scrollHeight;
   const duration = 1000;
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     if (nodeRef.current && contentHeight) nodeRef.current.style.setProperty("--content-height", String(contentHeight) + 'px');
   }, [contentHeight]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx("div", {
       ...divProps,
-      className: (0, _clsx.default)('arm-dropdown', className),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: (0, _clsx.default)({
+      className: clsx('arm-dropdown', className),
+      children: /*#__PURE__*/_jsx("div", {
+        className: clsx({
           // [css.Dropdown__ContentWrapper_hidden]: !expanded
         }),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
+        children: /*#__PURE__*/_jsx(CSSTransition, {
           classNames: {
             'enter': 'arm-dropdown__ContentWrapperEnter',
             'enterActive': 'arm-dropdown__ContentWrapperEnterActive',
@@ -42,9 +39,9 @@ function Dropdown(props) {
           timeout: duration,
           nodeRef: nodeRef,
           ...transitionProps,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: /*#__PURE__*/_jsx("div", {
             ref: nodeRef,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            children: /*#__PURE__*/_jsx("div", {
               className: 'arm-dropdown__Content',
               children: children
             })
@@ -54,5 +51,4 @@ function Dropdown(props) {
     })
   });
 }
-var _default = exports.default = Dropdown;
-module.exports = exports.default;
+export default Dropdown;

package/ui/Dropdown/index.js

@@ -1,8 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _Dropdown = _interopRequireDefault(require("./Dropdown"));
-exports.default = _Dropdown.default;
-module.exports = exports.default;
+export { default } from "./Dropdown";

package/ui/Form/Checkbox/Checkbox.js

@@ -1,12 +1,10 @@
-"use strict";
 "use client";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _react = require("react");
-var _clsx = _interopRequireDefault(require("clsx"));
-var _jsxRuntime = require("react/jsx-runtime");
+import { isValidElement, useRef, useState } from 'react';
+import clsx from 'clsx';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 const Checkbox = props => {
   let {
     label,
@@ -18,39 +16,39 @@ const Checkbox = props => {
     className,
     ...inputProps
   } = props;
-  const [checked, setChecked] = (0, _react.useState)(!!props.defaultChecked);
-  const labelRef = (0, _react.useRef)(null);
+  const [checked, setChecked] = useState(!!props.defaultChecked);
+  const labelRef = useRef(null);
   const handleChange = e => {
     if (inputProps.checked === undefined) setChecked(prev => !prev);
     if (onChange) onChange(e);
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: (0, _clsx.default)('arm-checkbox', className, {
-        'arm-checkbox_text': ! /*#__PURE__*/(0, _react.isValidElement)(label)
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsxs("div", {
+      className: clsx('arm-checkbox', className, {
+        'arm-checkbox_text': ! /*#__PURE__*/isValidElement(label)
       }),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+      children: [/*#__PURE__*/_jsx("label", {
         ref: labelRef,
-        className: (0, _clsx.default)('arm-checkbox__label', ['arm-checkbox_' + size], ['arm-checkbox_' + variant], ['arm-checkbox_' + color], {
+        className: clsx('arm-checkbox__label', ['arm-checkbox_' + size], ['arm-checkbox_' + variant], ['arm-checkbox_' + color], {
           'arm-checkbox__label_checked': inputProps.checked !== undefined ? inputProps.checked : checked,
           'arm-checkbox__label_intermediate': !!intermediate,
           'arm-checkbox__label_disabled': !!inputProps.disabled
         }),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+        children: /*#__PURE__*/_jsx("input", {
           ...inputProps,
-          className: (0, _clsx.default)('arm-checkbox__input', {
+          className: clsx('arm-checkbox__input', {
             'arm-checkbox__input_checked': !!inputProps.checked
           }),
           onChange: handleChange,
           type: props.type || 'checkbox'
         })
-      }), label && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      }), label && /*#__PURE__*/_jsx("span", {
         onClick: () => {
           var _labelRef$current;
           return (_labelRef$current = labelRef.current) == null ? void 0 : _labelRef$current.click();
         },
-        className: (0, _clsx.default)('arm-checkbox__text', {
-          'arm-checkbox__text_raw': ! /*#__PURE__*/(0, _react.isValidElement)(label),
+        className: clsx('arm-checkbox__text', {
+          'arm-checkbox__text_raw': ! /*#__PURE__*/isValidElement(label),
           ['arm-checkbox_text_size_' + size]: size
         }),
         children: label
@@ -58,5 +56,4 @@ const Checkbox = props => {
     })
   });
 };
-var _default = exports.default = Checkbox;
-module.exports = exports.default;
+export default Checkbox;

package/ui/Form/Checkbox/index.js

@@ -1,8 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _Checkbox = _interopRequireDefault(require("./Checkbox"));
-exports.default = _Checkbox.default;
-module.exports = exports.default;
+export { default } from "./Checkbox";

package/ui/Form/DateField/DateField.js

@@ -1,18 +1,16 @@
-"use strict";
 "use client";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.getDateFormat = exports.default = exports.DateField = void 0;
-var _TextField = _interopRequireDefault(require("../TextField/TextField"));
-var _react = require("react");
-var _Card = _interopRequireDefault(require("../../Card/Card"));
-var _DatePicker = _interopRequireDefault(require("../DatePicker/DatePicker"));
-var _ButtonIcon = _interopRequireDefault(require("../../ButtonIcon"));
-var _BackDrop = _interopRequireDefault(require("../../BackDrop"));
-var _PopperBase = require("../../Popper/PopperBase");
-var _jsxRuntime = require("react/jsx-runtime");
-const getDateFormat = format => {
+import TextField from "../TextField/TextField";
+import { forwardRef, useRef, useState } from 'react';
+import Card from "../../Card/Card";
+import DatePicker from "../DatePicker/DatePicker";
+import ButtonIcon from "../../ButtonIcon";
+import BackDrop from "../../BackDrop";
+import { PopperBase } from "../../Popper/PopperBase";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export const getDateFormat = format => {
   let out = {};
   if (!format) return out;
   if (format.includes('dd')) out.day = '2-digit';
@@ -22,8 +20,7 @@ const getDateFormat = format => {
   if (format.includes('mm')) out.minute = '2-digit';
   return out;
 };
-exports.getDateFormat = getDateFormat;
-const DateField = exports.DateField = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+export const DateField = /*#__PURE__*/forwardRef((props, ref) => {
   var _dateValue;
   let {
     onChange,
@@ -41,8 +38,8 @@ const DateField = exports.DateField = /*#__PURE__*/(0, _react.forwardRef)((props
     value,
     ...datepickerProps
   } = props;
-  let [date, setDate] = (0, _react.useState)(null);
-  let [open, setOpen] = (0, _react.useState)(false);
+  let [date, setDate] = useState(null);
+  let [open, setOpen] = useState(false);
   if (showTime && !showTimeOnly) format = 'dd.MM.yyyy HH:mm';else if (showTimeOnly) format = 'HH:mm';
   const handleChange = d => {
     setDate(d);
@@ -66,14 +63,14 @@ const DateField = exports.DateField = /*#__PURE__*/(0, _react.forwardRef)((props
     if (props.onClick) props.onClick(e);
   };
   let realValue = value !== undefined ? value : date;
-  const btnRef = (0, _react.useRef)();
+  const btnRef = useRef();
   const inputIcon = showTime && showTimeOnly ? 'schedule' : 'calendar_today';
   let dateValue = typeof realValue === 'string' ? new Date(realValue) : realValue;
   if (!(dateValue instanceof Date && !isNaN(dateValue.getDate()))) dateValue = null;
 
   //TODO Подключение Popover ломает тесты, разобраться почему
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(TextField, {
       ref: ref,
       label: label,
       placeholder: placeholder,
@@ -83,29 +80,29 @@ const DateField = exports.DateField = /*#__PURE__*/(0, _react.forwardRef)((props
       ...inputProps,
       value: ((_dateValue = dateValue) == null ? void 0 : _dateValue.toLocaleString('ru-RU', getDateFormat(format))) || '',
       onChange: () => null,
-      endAdornment: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
+      endAdornment: /*#__PURE__*/_jsx(ButtonIcon, {
         size: 'medium',
         variant: 'transparent',
         onClick: handleClick,
         color: 'neutral',
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: /*#__PURE__*/_jsx("span", {
           ref: btnRef,
           className: 'material_icon',
           children: inputIcon
         })
       })
-    }), open && /*#__PURE__*/(0, _jsxRuntime.jsx)(_BackDrop.default, {
+    }), open && /*#__PURE__*/_jsx(BackDrop, {
       onClick: () => setOpen(false),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PopperBase.PopperBase, {
+      children: /*#__PURE__*/_jsx(PopperBase, {
         anchorEl: btnRef.current,
         open: open,
         placement: 'bottom-end',
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: /*#__PURE__*/_jsx("div", {
           style: {
             backgroundColor: '#fff',
             width: '100%'
           },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
+          children: /*#__PURE__*/_jsx(DatePicker, {
             timeIntervals: 15,
             calendarContainer: PickerCard,
             popperPlacement: "top-end",
@@ -158,7 +155,7 @@ const DateField = exports.DateField = /*#__PURE__*/(0, _react.forwardRef)((props
 // })
 
 const PickerCard = props => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Card.default, {
+  return /*#__PURE__*/_jsx(Card, {
     className: props.className,
     style: {
       zIndex: 6
@@ -166,4 +163,4 @@ const PickerCard = props => {
     children: props.children
   });
 };
-var _default = exports.default = DateField;
+export default DateField;

package/ui/Form/DateField/index.js

@@ -1,8 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _DateField = _interopRequireDefault(require("./DateField"));
-exports.default = _DateField.default;
-module.exports = exports.default;
+export { default } from "./DateField";

package/ui/Form/DatePicker/DatePicker.js

@@ -1,25 +1,18 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _react = require("react");
-var _reactDatepicker = _interopRequireWildcard(require("react-datepicker"));
-require("!style-loader!css-loader!./styles.css");
-var _ru = _interopRequireDefault(require("date-fns/locale/ru"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+import { forwardRef } from 'react';
+import ReactDatePicker, { registerLocale } from 'react-datepicker';
+import '!style-loader!css-loader!./styles.css';
 // import './styles.css'
-
-(0, _reactDatepicker.registerLocale)('ru', _ru.default);
+import ru from 'date-fns/locale/ru';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+registerLocale('ru', ru);
 const renderDayContents = day => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  return /*#__PURE__*/_jsx("div", {
     className: 'customDay',
     children: day
   });
 };
-const DatePicker = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+const DatePicker = /*#__PURE__*/forwardRef((props, ref) => {
   let {
     onChange,
     selectsRange = false,
@@ -28,10 +21,10 @@ const DatePicker = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   const handleChange = (date, event) => {
     if (onChange) onChange(date, event);
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx("div", {
       className: 'ui-datepicker',
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactDatepicker.default, {
+      children: /*#__PURE__*/_jsx(ReactDatePicker, {
         ref: ref,
         locale: 'ru',
         onChange: handleChange,
@@ -43,5 +36,4 @@ const DatePicker = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
     })
   });
 });
-var _default = exports.default = DatePicker;
-module.exports = exports.default;
+export default DatePicker;

package/ui/Form/DatePicker/index.js

@@ -1,8 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _DatePicker = _interopRequireDefault(require("./DatePicker"));
-exports.default = _DatePicker.default;
-module.exports = exports.default;
+export { default } from "./DatePicker";

package/ui/Form/FormControls/FormControls.js

@@ -1,11 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _Button = _interopRequireDefault(require("../../Button"));
-var _jsxRuntime = require("react/jsx-runtime");
+import clsx from 'clsx';
+import Button from "../../Button";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 const FormControls = props => {
   const {
     onSubmit,
@@ -16,33 +13,32 @@ const FormControls = props => {
     classes,
     ...divProps
   } = props;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsxs("div", {
       ...divProps,
-      className: (0, _clsx.default)(className, 'arm-form-controls'),
-      children: [onSubmit && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: clsx(className, 'arm-form-controls'),
+      children: [onSubmit && /*#__PURE__*/_jsx("div", {
         className: 'arm-form-controls__button',
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        children: /*#__PURE__*/_jsx(Button, {
           variant: 'contained',
           color: 'primary',
           onClick: onSubmit,
           ...submitProps,
-          className: (0, _clsx.default)('arm-form-controls__btn', classes == null ? void 0 : classes.submitBtn),
+          className: clsx('arm-form-controls__btn', classes == null ? void 0 : classes.submitBtn),
           children: submitProps == null ? void 0 : submitProps.text
         })
-      }), onCancel && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      }), onCancel && /*#__PURE__*/_jsx("div", {
         className: 'arm-form-controls__button',
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        children: /*#__PURE__*/_jsx(Button, {
           variant: 'outlined',
           color: 'primary',
           onClick: onCancel,
           ...cancelProps,
-          className: (0, _clsx.default)('arm-form-controls__btn', classes == null ? void 0 : classes.cancelBtn),
+          className: clsx('arm-form-controls__btn', classes == null ? void 0 : classes.cancelBtn),
           children: cancelProps == null ? void 0 : cancelProps.text
         })
       })]
     })
   });
 };
-var _default = exports.default = FormControls;
-module.exports = exports.default;
+export default FormControls;

package/ui/Form/FormControls/index.js

@@ -1,8 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _FormControls = _interopRequireDefault(require("./FormControls"));
-exports.default = _FormControls.default;
-module.exports = exports.default;
+export { default } from "./FormControls";

package/ui/Form/Interval/Interval.js

@@ -1,14 +1,12 @@
-"use strict";
 "use client";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _react = require("react");
-var _TextField = require("../TextField/TextField");
-var _HelperText = _interopRequireDefault(require("../../HelperText/HelperText"));
-var _jsxRuntime = require("react/jsx-runtime");
-const Interval = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+import { forwardRef, useState } from 'react';
+import { TextFieldContainer, TextFieldInput } from "../TextField/TextField";
+import HelperText from "../../HelperText/HelperText";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+const Interval = /*#__PURE__*/forwardRef((props, ref) => {
   let {
     value,
     defaultValue,
@@ -22,9 +20,9 @@ const Interval = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
     max = 0,
     ...inputProps
   } = props;
-  let [focused, setFocused] = (0, _react.useState)(false);
-  let [currentMin, setCurrentMin] = (0, _react.useState)(min);
-  let [currentMax, setCurrentMax] = (0, _react.useState)(max);
+  let [focused, setFocused] = useState(false);
+  let [currentMin, setCurrentMin] = useState(min);
+  let [currentMax, setCurrentMax] = useState(max);
   const handleFocus = () => {
     setFocused(true);
   };
@@ -49,19 +47,19 @@ const Interval = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
     realMin = value[0];
     realMax = value[1];
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.TextFieldContainer, {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsxs("div", {
+      children: [/*#__PURE__*/_jsx(TextFieldContainer, {
         focused: focused,
         error: error,
         disabled: disabled,
         size: inputProps.size,
         variant: inputProps.variant,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        children: /*#__PURE__*/_jsxs("div", {
           className: 'arm-interval',
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: [/*#__PURE__*/_jsx("div", {
             className: 'arm-interval__item',
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.TextFieldInput, {
+            children: /*#__PURE__*/_jsx(TextFieldInput, {
               ...inputProps,
               value: realMin,
               label: labelStart,
@@ -71,9 +69,9 @@ const Interval = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
               focused: true,
               onChange: handleMin
             })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          }), /*#__PURE__*/_jsx("div", {
             className: 'arm-interval__item',
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.TextFieldInput, {
+            children: /*#__PURE__*/_jsx(TextFieldInput, {
               ...inputProps,
               value: realMax,
               label: labelEnd,
@@ -86,7 +84,7 @@ const Interval = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
             })
           })]
         })
-      }), helperText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_HelperText.default, {
+      }), helperText && /*#__PURE__*/_jsx(HelperText, {
         className: 'arm-interval__helper',
         error: error,
         children: helperText
@@ -94,5 +92,4 @@ const Interval = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
     })
   });
 });
-var _default = exports.default = Interval;
-module.exports = exports.default;
+export default Interval;