armtek-uikit-react 1.0.154 → 1.0.155

package/ui/Form/Interval/IntervalSlide.js

@@ -1,19 +1,17 @@
-"use strict";
 "use client";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _Interval = _interopRequireDefault(require("./Interval"));
-var _react = require("react");
-var _Slider = _interopRequireDefault(require("../../Slider/Slider"));
-var _jsxRuntime = require("react/jsx-runtime");
+import Interval from "./Interval";
+import { useState } from 'react';
+import Slider from "../../Slider/Slider";
+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 IntervalSlide = props => {
   let {
     onChange,
     ...restProps
   } = props;
-  let [value, setValue] = (0, _react.useState)([props.min, props.max]);
+  let [value, setValue] = useState([props.min, props.max]);
   const handleChange = value => {
     setValue(value);
     if (onChange) onChange(value);
@@ -21,15 +19,15 @@ const IntervalSlide = props => {
   const handleSlide = value => {
     if (Array.isArray(value)) handleChange(value);
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Interval.default, {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsxs("div", {
+      children: [/*#__PURE__*/_jsx(Interval, {
         value: value,
         ...restProps,
         onChange: setValue
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      }), /*#__PURE__*/_jsx("div", {
         className: 'arm-intervalslide__slider',
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Slider.default, {
+        children: /*#__PURE__*/_jsx(Slider, {
           range: true,
           min: props.min,
           max: props.max,
@@ -42,5 +40,4 @@ const IntervalSlide = props => {
     })
   });
 };
-var _default = exports.default = IntervalSlide;
-module.exports = exports.default;
+export default IntervalSlide;

package/ui/Form/Interval/index.js

@@ -1,9 +1,2 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = exports.IntervalSlide = void 0;
-var _Interval = _interopRequireDefault(require("./Interval"));
-exports.default = _Interval.default;
-var _IntervalSlide = _interopRequireDefault(require("./IntervalSlide"));
-exports.IntervalSlide = _IntervalSlide.default;
+export { default } from "./Interval";
+export { default as IntervalSlide } from "./IntervalSlide";

package/ui/Form/Password/Password.js

@@ -1,21 +1,18 @@
-"use strict";
 "use client";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = exports.Password = void 0;
-var _TextField = _interopRequireDefault(require("../TextField/TextField"));
-var _react = require("react");
-var _ButtonIcon = _interopRequireDefault(require("../../ButtonIcon"));
-var _jsxRuntime = require("react/jsx-runtime");
-const Password = exports.Password = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+import TextField from "../TextField/TextField";
+import { forwardRef, useRef, useState } from 'react';
+import ButtonIcon from "../../ButtonIcon";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+export const Password = /*#__PURE__*/forwardRef((props, ref) => {
   let {
     onChange,
     ...restProps
   } = props;
-  let [value, setValue] = (0, _react.useState)('');
-  let [isPassword, setIsPassword] = (0, _react.useState)(true);
-  const inputRef = (0, _react.useRef)(ref);
+  let [value, setValue] = useState('');
+  let [isPassword, setIsPassword] = useState(true);
+  const inputRef = useRef(ref);
   const handleChange = e => {
     setValue(e.target.value);
     if (onChange) onChange(e);
@@ -23,19 +20,19 @@ const Password = exports.Password = /*#__PURE__*/(0, _react.forwardRef)((props,
   const handleClick = () => {
     setIsPassword(prev => !prev);
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx(TextField, {
       value: value,
       ref: inputRef,
       ...restProps,
       type: isPassword ? 'password' : 'text',
       onChange: handleChange,
-      endAdornment: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
+      endAdornment: /*#__PURE__*/_jsx(ButtonIcon, {
         size: 'medium',
         variant: 'transparent',
         color: 'neutral',
         onClick: handleClick,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: /*#__PURE__*/_jsx("span", {
           className: 'material_icon',
           children: isPassword ? 'visibility_off' : 'visibility'
         })
@@ -43,4 +40,4 @@ const Password = exports.Password = /*#__PURE__*/(0, _react.forwardRef)((props,
     })
   });
 });
-var _default = exports.default = Password;
+export default Password;

package/ui/Form/Password/index.js

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

package/ui/Form/Period/Period.js

@@ -1,25 +1,23 @@
-"use strict";
 "use client";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _TextField = _interopRequireDefault(require("../TextField/TextField"));
-var _react = require("react");
-var _ButtonIcon = _interopRequireDefault(require("../../ButtonIcon"));
-var _Card = _interopRequireDefault(require("../../Card/Card"));
-var _DatePicker = _interopRequireDefault(require("../DatePicker/DatePicker"));
-var _DateService = require("../../../lib/services/DateService");
-var _jsxRuntime = require("react/jsx-runtime");
-const Period = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+import TextField from "../TextField/TextField";
+import { forwardRef, useState } from 'react';
+import ButtonIcon from "../../ButtonIcon";
+import Card from "../../Card/Card";
+import DatePicker from "../DatePicker/DatePicker";
+import { DateService } from "../../../lib/services/DateService";
+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 Period = /*#__PURE__*/forwardRef((props, ref) => {
   let {
     onChange,
     format = 'dd.MM.yyyy',
     onInput,
     ...restProps
   } = props;
-  let [active, setActive] = (0, _react.useState)(false);
-  let [value, setValue] = (0, _react.useState)([new Date(), null]);
+  let [active, setActive] = useState(false);
+  let [value, setValue] = useState([new Date(), null]);
   const handleClick = () => {
     setActive(true);
   };
@@ -42,30 +40,30 @@ const Period = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   };
   let realValue = Array.isArray(props.value) ? props.value : value;
   let displayValue = '';
-  if (realValue[0] && realValue[1]) displayValue = `${(0, _DateService.DateService)(realValue[0]).format('dd.MM.yyyy')} - ${(0, _DateService.DateService)(realValue[1]).format('dd.MM.yyyy')}`;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+  if (realValue[0] && realValue[1]) displayValue = `${DateService(realValue[0]).format('dd.MM.yyyy')} - ${DateService(realValue[1]).format('dd.MM.yyyy')}`;
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsxs("div", {
       className: 'arm-period',
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
+      children: [/*#__PURE__*/_jsx(TextField, {
         ref: ref,
         placeholder: 'дд.мм.гггг - дд.мм.гггг',
         ...restProps,
         value: displayValue,
         onChange: () => null,
         onFocus: handleClick,
-        endAdornment: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
+        endAdornment: /*#__PURE__*/_jsx(ButtonIcon, {
           size: 'medium',
           variant: 'transparent',
           color: 'neutral',
           onClick: handleClick,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: /*#__PURE__*/_jsx("span", {
             className: 'material_icon',
             children: "calendar_today"
           })
         })
-      }), active && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Card.default, {
+      }), active && /*#__PURE__*/_jsx(Card, {
         className: 'arm-period__picker',
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
+        children: /*#__PURE__*/_jsx(DatePicker, {
           onChange: handleChange,
           selectsRange: true,
           onBlur: () => {
@@ -79,5 +77,4 @@ const Period = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
     })
   });
 });
-var _default = exports.default = Period;
-module.exports = exports.default;
+export default Period;

package/ui/Form/Period/index.js

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

package/ui/Form/PeriodSelect/PeriodSelect.js

@@ -1,21 +1,18 @@
-"use strict";
 "use client";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _DatePicker = _interopRequireDefault(require("../DatePicker/DatePicker"));
-var _react = require("react");
-var _jsxRuntime = require("react/jsx-runtime");
+import DatePicker from "../DatePicker/DatePicker";
+import { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 const PeriodSelect = () => {
-  const [startDate, setStartDate] = (0, _react.useState)(new Date());
-  const [endDate, setEndDate] = (0, _react.useState)(null);
+  const [startDate, setStartDate] = useState(new Date());
+  const [endDate, setEndDate] = useState(null);
   const handleChange = date => {
     setStartDate(date[0]);
     setEndDate(date[1]);
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx(DatePicker, {
       selected: startDate,
       onChange: handleChange,
       startDate: startDate,
@@ -24,5 +21,4 @@ const PeriodSelect = () => {
     })
   });
 };
-var _default = exports.default = PeriodSelect;
-module.exports = exports.default;
+export default PeriodSelect;

package/ui/Form/PeriodSelect/index.js

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

package/ui/Form/Radio/Radio.js

@@ -1,19 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _Checkbox = _interopRequireDefault(require("../Checkbox/Checkbox"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _jsxRuntime = require("react/jsx-runtime");
+import Checkbox from "../Checkbox/Checkbox";
+import clsx from 'clsx';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 const Radio = props => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx(Checkbox, {
       ...props,
-      className: (0, _clsx.default)(props.className, 'arm-radio'),
+      className: clsx(props.className, 'arm-radio'),
       type: 'radio'
     })
   });
 };
-var _default = exports.default = Radio;
-module.exports = exports.default;
+export default Radio;

package/ui/Form/Radio/index.js

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

package/ui/Form/Rating/Rating.js

@@ -1,20 +1,18 @@
-"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 { 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 Rating = props => {
   let {
     size = 'large',
     onChange,
     ...restProps
   } = props;
-  let [value, setValue] = (0, _react.useState)(props.defaultValue || 0);
-  let [hovered, setHovered] = (0, _react.useState)(0);
+  let [value, setValue] = useState(props.defaultValue || 0);
+  let [hovered, setHovered] = useState(0);
   let realValue = props.value !== undefined ? props.value : value;
   const handleClick = index => () => {
     setValue(index);
@@ -26,19 +24,19 @@ const Rating = props => {
   const handleLeaveRating = () => {
     setHovered(realValue);
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsxs("div", {
       className: 'arm-rating',
       onMouseLeave: handleLeaveRating,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+      children: [/*#__PURE__*/_jsx("input", {
         value: value,
         ...restProps,
         type: "hidden"
       }), [...Array(5)].map((_, index) => {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        return /*#__PURE__*/_jsx("div", {
           onClick: handleClick(index + 1),
           onMouseEnter: handleMouseEnter(index + 1),
-          className: (0, _clsx.default)('material_icon', {
+          className: clsx('material_icon', {
             ['material_icon_solid']: index + 1 <= hovered || index + 1 <= realValue,
             'arm-rating__item_disabled': !!restProps.disabled
           }, 'arm-rating__item', ['arm-rating__item_' + size]),
@@ -48,5 +46,4 @@ const Rating = props => {
     })
   });
 };
-var _default = exports.default = Rating;
-module.exports = exports.default;
+export default Rating;

package/ui/Form/Rating/index.js

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

package/ui/Form/Select/Select.js

@@ -1,25 +1,23 @@
-"use strict";
 "use client";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.getOptionValue = exports.default = exports.SelectOptions = void 0;
-var _TextField = _interopRequireDefault(require("../TextField/TextField"));
-var _react = require("react");
-var _clsx = _interopRequireDefault(require("clsx"));
-var _useClickOutside = _interopRequireDefault(require("../../../lib/hooks/useClickOutside"));
-var _ButtonIcon = _interopRequireDefault(require("../../ButtonIcon"));
-var _Adornment = _interopRequireDefault(require("../../Adornment"));
-var _SelectSummary = require("./SelectSummary");
-var _Popover = _interopRequireDefault(require("../../Popover/Popover"));
-var _helpers = require("../../../lib/helpers");
-var _SelectOptionsContainer = require("./SelectOptionsContainer");
-var _SelectOptionList = require("./SelectOptionList");
-var _jsxRuntime = require("react/jsx-runtime");
-const getOptionValue = option => option.value || option.text;
+import TextField from "../TextField/TextField";
+import { forwardRef, useMemo, useRef, useState } from 'react';
+import clsx from 'clsx';
+import useClickOutside from "../../../lib/hooks/useClickOutside";
+import ButtonIcon from "../../ButtonIcon";
+import Adornment from "../../Adornment";
+import { SelectSummary, SelectSummaryChips } from "./SelectSummary";
+import Popover from "../../Popover/Popover";
+import { fixedForwardRef } from "../../../lib/helpers";
+import { SelectOptionsContainer } from "./SelectOptionsContainer";
+import { SelectOptionList } from "./SelectOptionList";
+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 getOptionValue = option => option.value || option.text;
 
 // let selectEl!: HTMLSelectElement
-exports.getOptionValue = getOptionValue;
+
 function Select(props, ref) {
   var _options$find;
   let {
@@ -46,12 +44,12 @@ function Select(props, ref) {
     query,
     ...inputProps
   } = props;
-  let [active, setActive] = (0, _react.useState)(!!defaultOpen);
-  let [selected, setSelected] = (0, _react.useState)(defaultValue || (multiple ? [] : ''));
-  let [focused, setFocused] = (0, _react.useState)(false);
-  let [q, setQ] = (0, _react.useState)('');
-  const anchorEl = (0, _react.useRef)(null);
-  const inlineOptRef = (0, _useClickOutside.default)(handleClose);
+  let [active, setActive] = useState(!!defaultOpen);
+  let [selected, setSelected] = useState(defaultValue || (multiple ? [] : ''));
+  let [focused, setFocused] = useState(false);
+  let [q, setQ] = useState('');
+  const anchorEl = useRef(null);
+  const inlineOptRef = useClickOutside(handleClose);
   const handleOpen = () => {
     if (!inputProps.disabled) {
       setActive(true);
@@ -136,16 +134,16 @@ function Select(props, ref) {
     if (onClose) onClose();else setActive(false);
   }
   let displayClear = clear && (multiple ? realValue && realValue.length > 0 : !!realValue);
-  let selectEndAdornment = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Adornment.default, {
+  let selectEndAdornment = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Adornment, {
       children: endAdornment
-    }), displayClear && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Adornment.default, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
+    }), displayClear && /*#__PURE__*/_jsx(Adornment, {
+      children: /*#__PURE__*/_jsx(ButtonIcon, {
         size: 'small',
         onClick: handleResetAll,
         mi: 'close'
       })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
+    }), /*#__PURE__*/_jsx(ButtonIcon, {
       size: 'small',
       color: 'neutral',
       onClick: handleOpen,
@@ -153,28 +151,28 @@ function Select(props, ref) {
       mi: 'arrow_drop_down'
     })]
   });
-  const cachedWrapperProps = (0, _react.useMemo)(() => ({
+  const cachedWrapperProps = useMemo(() => ({
     onClick: handleOpen
   }), []);
-  const cachedClasses = (0, _react.useMemo)(() => {
+  const cachedClasses = useMemo(() => {
     var _inputProps$classes;
     return {
       ...inputProps.classes,
-      wrapper: (0, _clsx.default)((_inputProps$classes = inputProps.classes) == null ? void 0 : _inputProps$classes.wrapper, 'arm-select__wrapper')
+      wrapper: clsx((_inputProps$classes = inputProps.classes) == null ? void 0 : _inputProps$classes.wrapper, 'arm-select__wrapper')
     };
   }, []);
-  const cachedStyles = (0, _react.useMemo)(() => ({
+  const cachedStyles = useMemo(() => ({
     pointerEvents: 'none'
   }), []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsxs("div", {
       className: className,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      children: [/*#__PURE__*/_jsxs("div", {
         className: 'arm-select',
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: [/*#__PURE__*/_jsx("div", {
           className: 'arm-select__input_wrapper',
           ref: anchorEl,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
+          children: /*#__PURE__*/_jsx(TextField, {
             ...inputProps,
             classes: cachedClasses,
             onChange: handleSearch,
@@ -188,12 +186,12 @@ function Select(props, ref) {
             style: cachedStyles,
             WrapperProps: cachedWrapperProps
           })
-        }), multiple && !realActive && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectSummary.SelectSummaryChips, {
+        }), multiple && !realActive && /*#__PURE__*/_jsx(SelectSummaryChips, {
           options: selectedOptions,
           disabled: inputProps.disabled,
           onDelete: handleSelect
         })]
-      }), realActive && (!inline && anchorEl.current ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Popover.default, {
+      }), realActive && (!inline && anchorEl.current ? /*#__PURE__*/_jsx(Popover, {
         classes: {
           paper: 'px-0'
         },
@@ -202,7 +200,7 @@ function Select(props, ref) {
         open: realActive,
         onClose: handleClose,
         placement: 'bottom-start',
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectOptions, {
+        children: /*#__PURE__*/_jsx(SelectOptions, {
           disabled: inputProps.disabled,
           options: options,
           multiple: multiple,
@@ -216,9 +214,9 @@ function Select(props, ref) {
           onSelectAll: handleSelectAll,
           onSubmit: handleSubmit
         })
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      }) : /*#__PURE__*/_jsx("div", {
         ref: inlineOptRef,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectOptions, {
+        children: /*#__PURE__*/_jsx(SelectOptions, {
           disabled: inputProps.disabled,
           options: options,
           multiple: multiple,
@@ -236,7 +234,7 @@ function Select(props, ref) {
     })
   });
 }
-const SelectOptions = exports.SelectOptions = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+export const SelectOptions = /*#__PURE__*/forwardRef((props, ref) => {
   let {
     options,
     value,
@@ -251,20 +249,20 @@ const SelectOptions = exports.SelectOptions = /*#__PURE__*/(0, _react.forwardRef
     ...callbacks
   } = props;
   if (multiple && optionControls === undefined) optionControls = true;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_SelectOptionsContainer.SelectOptionsContainer, {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsxs(SelectOptionsContainer, {
       ref: ref,
       inline: !!inline,
-      children: [beforeList, /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectOptionList.SelectOptionList, {
+      children: [beforeList, /*#__PURE__*/_jsx(SelectOptionList, {
         options: options,
         multiple: multiple,
         value: value,
         listStyle: listStyle,
         disabled: disabled,
         onChange: onClick
-      }), afterList, !!optionControls && !!multiple && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      }), afterList, !!optionControls && !!multiple && /*#__PURE__*/_jsx("div", {
         className: 'arm-selectSummary__wrapper',
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectSummary.SelectSummary, {
+        children: /*#__PURE__*/_jsx(SelectSummary, {
           options: options,
           value: value,
           onClose: onClick,
@@ -289,4 +287,5 @@ const SelectOptions = exports.SelectOptions = /*#__PURE__*/(0, _react.forwardRef
 // 		text: '123123123'
 // 	},]} />
 // }
-var _default = exports.default = (0, _helpers.fixedForwardRef)(Select);
+
+export default fixedForwardRef(Select);

package/ui/Form/Select/SelectOptionList.js

@@ -1,12 +1,7 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.SelectOptionList = void 0;
-var _List = _interopRequireDefault(require("../../List"));
-var _Select = require("./Select");
-var _helpers = require("../../../lib/helpers");
-var _jsxRuntime = require("react/jsx-runtime");
+import ListItem from "../../List";
+import { getOptionValue } from "./Select";
+import { fixedForwardRef } from "../../../lib/helpers";
+import { jsx as _jsx } from "react/jsx-runtime";
 function SelectOptionListBase(props, ref) {
   const {
     options,
@@ -16,14 +11,14 @@ function SelectOptionListBase(props, ref) {
     disabled,
     onChange
   } = props;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  return /*#__PURE__*/_jsx("div", {
     ref: ref,
     className: "arm-options__list",
     children: options.map((item, index) => {
-      let optValue = (0, _Select.getOptionValue)(item);
+      let optValue = getOptionValue(item);
       let active = multiple === true && value ? value.includes(optValue) : optValue === value;
       let checked = listStyle === 'checkbox' && !!multiple ? active : undefined;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_List.default, {
+      return /*#__PURE__*/_jsx(ListItem, {
         disabled: disabled || !!item.disabled,
         checked: checked,
         active: active,
@@ -33,4 +28,4 @@ function SelectOptionListBase(props, ref) {
     })
   });
 }
-const SelectOptionList = exports.SelectOptionList = (0, _helpers.fixedForwardRef)(SelectOptionListBase);
+export const SelectOptionList = fixedForwardRef(SelectOptionListBase);