armtek-uikit-react 1.0.155 → 1.0.159

package/ui/Form/Password/Password.js

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

package/ui/Form/Password/index.js

@@ -1 +1,8 @@
-export { default } from "./Password";
+"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;

package/ui/Form/Period/Period.d.ts

@@ -9,5 +9,5 @@ declare const Period: import("react").ForwardRefExoticComponent<{
     format?: string | undefined;
     onChange?: ((e: PeriodChangeEvent) => void) | undefined;
     value?: [Date | null, Date | null] | undefined;
-} & Omit<TextFieldProps, "value" | "onChange"> & import("react").RefAttributes<unknown>>;
+} & Omit<TextFieldProps, "onChange" | "value"> & import("react").RefAttributes<unknown>>;
 export default Period;

package/ui/Form/Period/Period.js

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

package/ui/Form/Period/index.js

@@ -1 +1,8 @@
-export { default } from "./Period";
+"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;

package/ui/Form/PeriodSelect/PeriodSelect.js

@@ -1,18 +1,21 @@
+"use strict";
 "use client";
 
-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";
+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");
 const PeriodSelect = () => {
-  const [startDate, setStartDate] = useState(new Date());
-  const [endDate, setEndDate] = useState(null);
+  const [startDate, setStartDate] = (0, _react.useState)(new Date());
+  const [endDate, setEndDate] = (0, _react.useState)(null);
   const handleChange = date => {
     setStartDate(date[0]);
     setEndDate(date[1]);
   };
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsx(DatePicker, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
       selected: startDate,
       onChange: handleChange,
       startDate: startDate,
@@ -21,4 +24,5 @@ const PeriodSelect = () => {
     })
   });
 };
-export default PeriodSelect;
+var _default = exports.default = PeriodSelect;
+module.exports = exports.default;

package/ui/Form/PeriodSelect/index.js

@@ -1 +1,8 @@
-export { default } from "./PeriodSelect";
+"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;

package/ui/Form/Radio/Radio.js

@@ -1,14 +1,19 @@
-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";
+"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");
 const Radio = props => {
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsx(Checkbox, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
       ...props,
-      className: clsx(props.className, 'arm-radio'),
+      className: (0, _clsx.default)(props.className, 'arm-radio'),
       type: 'radio'
     })
   });
 };
-export default Radio;
+var _default = exports.default = Radio;
+module.exports = exports.default;

package/ui/Form/Radio/index.js

@@ -1 +1,8 @@
-export { default } from "./Radio";
+"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;

package/ui/Form/Rating/Rating.js

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

package/ui/Form/Rating/index.js

@@ -1 +1,8 @@
-export { default } from "./Rating";
+"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;

package/ui/Form/Select/Select.d.ts

@@ -48,5 +48,5 @@ export type SelectOptionsType<T extends boolean> = {
     beforeList?: string | ReactNode;
 };
 export declare const SelectOptions: import("react").ForwardRefExoticComponent<SelectOptionsType<boolean> & import("react").RefAttributes<unknown>>;
-declare const _default: <M extends boolean = false>(props: SelectBaseProps & MultipleType<M> & Omit<TextFieldProps, keyof SelectBaseProps | keyof MultipleType<M_1>> & import("react").RefAttributes<HTMLInputElement>) => ReactNode;
+declare const _default: <M extends boolean = false>(props: SelectBaseProps & MultipleType<M> & Omit<TextFieldProps, keyof SelectBaseProps | keyof MultipleType<M_1>> & import("react").RefAttributes<HTMLInputElement>) => JSX.Element;
 export default _default;

package/ui/Form/Select/Select.js

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

package/ui/Form/Select/SelectOptionList.d.ts

@@ -9,5 +9,5 @@ type OwnProps = {
     onChange: (e: MouseEvent<HTMLButtonElement>, option: OptionType) => void;
 };
 export type SelectOptionListProps = OwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof OwnProps>;
-export declare const SelectOptionList: (props: OwnProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof OwnProps> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactNode;
+export declare const SelectOptionList: (props: OwnProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof OwnProps> & import("react").RefAttributes<HTMLDivElement>) => JSX.Element;
 export {};

package/ui/Form/Select/SelectOptionList.js

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

package/ui/Form/Select/SelectOptionsContainer.js

@@ -1,13 +1,18 @@
-import clsx from 'clsx';
-import { forwardRef } from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const SelectOptionsContainer = /*#__PURE__*/forwardRef(({
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.SelectOptionsContainer = void 0;
+var _clsx = _interopRequireDefault(require("clsx"));
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
+const SelectOptionsContainer = exports.SelectOptionsContainer = /*#__PURE__*/(0, _react.forwardRef)(({
   inline,
   children
 }, ref) => {
-  return /*#__PURE__*/_jsx("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ref: ref,
-    className: clsx('arm-options', {
+    className: (0, _clsx.default)('arm-options', {
       'arm-options_inline': !!inline
     }),
     children: children