armtek-uikit-react 1.0.267 → 1.0.268

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

@@ -0,0 +1,32 @@
+import { TextFieldProps } from '../TextField/TextField';
+import { DatePickerProps } from '../DatePicker/DatePicker';
+export type PeriodChangeEvent = (Event & {
+    target: {
+        value: [Date | null, Date | null];
+        name: string;
+    };
+});
+export type PeriodProps = {
+    onChange?: (e: PeriodChangeEvent) => void;
+    value?: [Date | null, Date | null];
+    defaultValue?: [Date | null, Date | null];
+    disableSameDate?: boolean;
+    minDate?: Date | null;
+    maxDate?: Date | null;
+    showMonthDropdown?: boolean;
+    showYearDropdown?: boolean;
+    datePickerProps?: DatePickerProps;
+} & Omit<TextFieldProps, 'value' | 'onChange' | 'defaultValue'>;
+export declare function getPeriodDisplay(date1: Date | null | undefined, date2: Date | null | undefined): string;
+declare const Period: import("react").ForwardRefExoticComponent<{
+    onChange?: (e: PeriodChangeEvent) => void;
+    value?: [Date | null, Date | null];
+    defaultValue?: [Date | null, Date | null];
+    disableSameDate?: boolean;
+    minDate?: Date | null;
+    maxDate?: Date | null;
+    showMonthDropdown?: boolean;
+    showYearDropdown?: boolean;
+    datePickerProps?: DatePickerProps;
+} & Omit<TextFieldProps, "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<unknown>>;
+export default Period;

package/lib/cjs/ui/Form/Period/index.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const ui_Form_Period_Period = require("./Period.cjs");
+exports.default = ui_Form_Period_Period.default;

package/lib/cjs/ui/Form/Period.cjs

@@ -0,0 +1,2 @@
+'use strict'
+module.exports = require('./Period/index.cjs')

package/lib/cjs/ui/Form/PeriodSelect/PeriodSelect.cjs

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const ui_Form_DatePicker_DatePicker = require("../DatePicker/DatePicker.cjs");
+const React = require("react");
+const PeriodSelect = () => {
+  const [startDate, setStartDate] = React.useState(/* @__PURE__ */ new Date());
+  const [endDate, setEndDate] = React.useState(null);
+  const handleChange = (date) => {
+    setStartDate(date[0]);
+    setEndDate(date[1]);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(ui_Form_DatePicker_DatePicker.default, { selected: startDate, onChange: handleChange, startDate, endDate, selectsRange: true }) });
+};
+exports.default = PeriodSelect;

package/lib/cjs/ui/Form/PeriodSelect/index.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const ui_Form_PeriodSelect_PeriodSelect = require("./PeriodSelect.cjs");
+exports.default = ui_Form_PeriodSelect_PeriodSelect.default;

package/lib/cjs/ui/Form/PeriodSelect.cjs

@@ -0,0 +1,2 @@
+'use strict'
+module.exports = require('./PeriodSelect/index.cjs')

package/lib/cjs/ui/Form/Radio/Radio.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const ui_Form_Checkbox_Checkbox = require("../Checkbox/Checkbox.cjs");
+const clsx = require("clsx");
+const Radio = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(ui_Form_Checkbox_Checkbox.default, { ...props, className: clsx(props.className, "arm-radio"), type: "radio" }) });
+};
+exports.default = Radio;

package/lib/cjs/ui/Form/Radio/index.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const ui_Form_Radio_Radio = require("./Radio.cjs");
+exports.default = ui_Form_Radio_Radio.default;

package/lib/cjs/ui/Form/Radio.cjs

@@ -0,0 +1,2 @@
+'use strict'
+module.exports = require('./Radio/index.cjs')

package/lib/cjs/ui/Form/Rating/Rating.cjs

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const clsx = require("clsx");
+require("../../Icon/Icon.cjs");
+const ui_Icon_Mi = require("../../Icon/Mi.cjs");
+const ui_Icon_Mis = require("../../Icon/Mis.cjs");
+const ui_Form_Rating_const = require("./const.cjs");
+const Rating = (props) => {
+  let {
+    size = "large",
+    onChange,
+    slots,
+    slotsProps,
+    error,
+    name,
+    className,
+    onMouseLeave,
+    ...restProps
+  } = props;
+  let [value, setValue] = React.useState(props.defaultValue || 0);
+  let [hovered, setHovered] = React.useState(0);
+  let realValue = props.value !== void 0 ? props.value === null ? 0 : props.value : value;
+  const handleClick = (index) => () => {
+    setValue(index);
+    if (onChange) onChange(index);
+  };
+  const handleMouseEnter = (index) => () => {
+    setHovered(index);
+  };
+  const handleLeaveRating = (e) => {
+    setHovered(realValue);
+    onMouseLeave == null ? void 0 : onMouseLeave(e);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-testid": "rating", ...restProps, className: clsx("arm-rating", className), onMouseLeave: handleLeaveRating, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("input", { value: realValue, name, type: "hidden", "data-testid": "rating-input" }),
+    [...Array(5)].map((_, index) => {
+      const active = index + 1 <= hovered || index + 1 <= realValue;
+      let IconComponent = active ? ui_Icon_Mis.Mis : ui_Icon_Mi.Mi;
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "arm-rating__item_container", onClick: handleClick(index + 1), onMouseEnter: handleMouseEnter(index + 1), "data-testid": "rating-item-btn", children: (slots == null ? void 0 : slots.Icon) ? /* @__PURE__ */ React.createElement(slots.Icon, { ...slotsProps == null ? void 0 : slotsProps.Icon, active, index: index + 1, key: index }) : /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { "data-testid": "rating-icon", icon: "star", className: clsx({
+        "arm-rating__item_error": !!error,
+        [ui_Form_Rating_const.RATING_CLASSES.active]: active,
+        "arm-rating__item_disabled": !!restProps.disabled,
+        ["arm-rating__item_" + size]: !!size
+      }, ui_Form_Rating_const.RATING_CLASSES.item) }) }, index);
+    })
+  ] }) });
+};
+exports.default = Rating;

package/lib/cjs/ui/Form/Rating/const.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const RATING_CLASSES = {
+  active: "arm-rating__item_active",
+  item: "arm-rating__item"
+};
+exports.RATING_CLASSES = RATING_CLASSES;

package/lib/cjs/ui/Form/Rating/index.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const ui_Form_Rating_Rating = require("./Rating.cjs");
+exports.default = ui_Form_Rating_Rating.default;

package/lib/cjs/ui/Form/Rating.cjs

@@ -0,0 +1,2 @@
+'use strict'
+module.exports = require('./Rating/index.cjs')

package/lib/cjs/ui/Form/Select/Select.cjs

@@ -0,0 +1,213 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const ui_Form_TextField_TextField = require("../TextField/TextField.cjs");
+const React = require("react");
+const clsx = require("clsx");
+const lib_hooks_useClickOutside = require("../../../lib/hooks/useClickOutside.cjs");
+const ui_ButtonIcon_ButtonIcon = require("../../ButtonIcon/ButtonIcon.cjs");
+const ui_Adornment_Adornment = require("../../Adornment/Adornment.cjs");
+const ui_Form_Select_SelectSummary = require("./SelectSummary.cjs");
+const ui_Popover_Popover = require("../../Popover/Popover.cjs");
+const lib_helpers_genericForwardRef = require("../../../lib/helpers/genericForwardRef.cjs");
+const ui_Form_Select_SelectOptionsContainer = require("./SelectOptionsContainer.cjs");
+const ui_Form_Select_SelectOptionList = require("./SelectOptionList.cjs");
+const ui_Form_Checkbox_const = require("../Checkbox/const.cjs");
+const getOptionValue = (option) => option.value || option.text;
+function Select(props, ref) {
+  var _a;
+  let {
+    options,
+    defaultOpen,
+    endAdornment,
+    className,
+    inline,
+    multiple = false,
+    value,
+    optionControls,
+    defaultValue,
+    onChange,
+    search,
+    open,
+    listStyle,
+    onSubmit,
+    onClose,
+    clear,
+    onSelectAll,
+    defaultQuery,
+    afterList,
+    beforeList,
+    query,
+    optionClassName,
+    ...inputProps
+  } = props;
+  let [active, setActive] = React.useState(!!defaultOpen);
+  let [selected, setSelected] = React.useState(defaultValue || (multiple ? [] : ""));
+  let [focused, setFocused] = React.useState(false);
+  let [q, setQ] = React.useState("");
+  const anchorEl = React.useRef(null);
+  const inlineOptRef = lib_hooks_useClickOutside.default(handleClose);
+  const inputRef = React.useRef(null);
+  React.useImperativeHandle(ref, () => {
+    return inputRef.current;
+  }, []);
+  const handleOpen = () => {
+    if (open !== void 0) return;
+    if (!inputProps.disabled) {
+      setActive(true);
+    }
+  };
+  function handleClose() {
+    if (onClose) onClose();
+    else {
+      if (open !== void 0) return;
+      setActive(false);
+    }
+  }
+  const handleSelect = (e, option) => {
+    if (e.target.classList.contains(ui_Form_Checkbox_const.CHECKBOX_LABEL_CLASSNAME)) {
+      e.stopPropagation();
+      e.preventDefault();
+    }
+    if (option.disabled || props.disabled) return;
+    let v = getOptionValue(option);
+    const realSelected = value !== void 0 ? value : selected;
+    let mSelected = Array.isArray(realSelected) ? realSelected : [realSelected];
+    let newValueS = v;
+    let newValueM = mSelected.includes(v) ? mSelected.filter((item) => item !== v) : mSelected.concat(v);
+    setSelected(multiple ? newValueM : newValueS);
+    if (onChange) {
+      Object.defineProperty(e, "target", {
+        writable: false,
+        value: {
+          name: props.name,
+          value: multiple ? newValueM : newValueS
+        }
+      });
+      onChange(e);
+    }
+    if (search && !multiple) {
+      setQ(options.find((item) => getOptionValue(item) === newValueS).text);
+    }
+    if (!multiple) handleClose();
+  };
+  const handleSearch = (e) => {
+    setQ(e.target.value);
+  };
+  const handleFocus = search ? () => {
+    setFocused(true);
+  } : void 0;
+  const handleBlur = !!search ? () => {
+    setFocused(false);
+  } : void 0;
+  const handleSelectAll = (e) => {
+    if (props.disabled) return;
+    let value2 = options.filter((item) => !item.disabled).map((item) => getOptionValue(item));
+    setSelected(value2);
+    if (onChange) {
+      Object.defineProperty(e, "target", {
+        writable: false,
+        value: {
+          name: props.name,
+          value: value2
+        }
+      });
+      onChange(e);
+    }
+  };
+  const handleResetAll = clear ? (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (props.disabled) return;
+    setSelected(multiple ? [] : "");
+    if (search) {
+      setQ("");
+      setFocused(false);
+      if (inputRef.current) inputRef.current.value = "";
+    }
+    if (onChange) {
+      Object.defineProperty(e, "target", {
+        writable: false,
+        value: {
+          name: props.name,
+          value: multiple ? [] : ""
+        }
+      });
+      onChange(e);
+    }
+  } : void 0;
+  const handleSubmit = () => {
+    if (open === void 0) setActive(false);
+    else if (onSubmit) {
+      onSubmit();
+    }
+  };
+  let realValue = value !== void 0 ? value : selected;
+  let realActive = open !== void 0 ? open : active;
+  let selectedText = multiple ? options.filter((item) => realValue == null ? void 0 : realValue.includes(getOptionValue(item))).map((item) => item.text).join(", ") : ((_a = options.find((item) => getOptionValue(item) === realValue)) == null ? void 0 : _a.text) || "";
+  if (!!search) options = options.filter((item) => item.text.toLowerCase().includes(q.toLowerCase()));
+  let valueArr = realValue ? Array.isArray(realValue) ? realValue : [realValue] : [];
+  let selectedOptions = options.filter((item) => valueArr.includes(getOptionValue(item)));
+  let displayClear = clear && (multiple ? realValue && realValue.length > 0 : !!realValue);
+  let selectEndAdornment = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui_Adornment_Adornment.default, { children: endAdornment }),
+    displayClear && /* @__PURE__ */ jsxRuntime.jsx(ui_Adornment_Adornment.default, { children: /* @__PURE__ */ jsxRuntime.jsx(ui_ButtonIcon_ButtonIcon.default, { size: "small", "data-testid": "select-clear", onClick: handleResetAll, mi: "close" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui_ButtonIcon_ButtonIcon.default, { size: "small", color: "neutral", onClick: handleOpen, variant: "transparent", mi: "arrow_drop_down" })
+  ] });
+  const cachedWrapperProps = React.useMemo(() => ({
+    onClick: handleOpen,
+    ["data-testid"]: "select-input-wrapper"
+  }), []);
+  const cachedClasses = React.useMemo(() => {
+    var _a2;
+    return {
+      ...inputProps.classes,
+      wrapper: clsx((_a2 = inputProps.classes) == null ? void 0 : _a2.wrapper, "arm-select__wrapper")
+    };
+  }, []);
+  const cachedStyles = React.useMemo(() => ({
+    pointerEvents: "none"
+  }), []);
+  const realQuery = query !== void 0 ? query : q;
+  let textInputValue = !search ? selectedText : value !== void 0 && !q ? selectedText : realQuery;
+  if (search && multiple) textInputValue = realQuery;
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className, "data-testid": "select", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "arm-select", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "arm-select__input_wrapper", "data-testid": "select-wrapper", ref: anchorEl, children: /* @__PURE__ */ jsxRuntime.jsx(ui_Form_TextField_TextField.TextField, { ...inputProps, classes: cachedClasses, onChange: handleSearch, focused, onFocus: handleFocus, onBlur: handleBlur, value: textInputValue, endAdornment: selectEndAdornment, editable: !!search, ref: inputRef, style: cachedStyles, WrapperProps: cachedWrapperProps }) }),
+      multiple && !realActive && selectedOptions.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "arm-selectSummary__chips", children: /* @__PURE__ */ jsxRuntime.jsx(ui_Form_Select_SelectSummary.SelectSummaryChips, { options: selectedOptions, disabled: inputProps.disabled, onDelete: handleSelect }) }),
+        handleResetAll && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "arm-selectSummary__chips-reset", children: /* @__PURE__ */ jsxRuntime.jsx(ui_Form_Select_SelectSummary.SelectSummaryControls, { countSelected: selectedOptions.length, onClear: handleResetAll }) })
+      ] })
+    ] }),
+    realActive && (!inline && anchorEl.current ? /* @__PURE__ */ jsxRuntime.jsx(ui_Popover_Popover.Popover, { classes: {
+      paper: "px-0"
+    }, matchWidth: true, anchorEl: anchorEl.current, open: realActive, onClose: handleClose, placement: "bottom-start", children: /* @__PURE__ */ jsxRuntime.jsx(SelectOptions, { disabled: inputProps.disabled, options, multiple, value: realValue, inline, afterList, beforeList, listStyle, onClick: handleSelect, onClear: handleResetAll, onSelectAll: handleSelectAll, onSubmit: handleSubmit, optionClassName }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { ref: inlineOptRef, children: /* @__PURE__ */ jsxRuntime.jsx(SelectOptions, { disabled: inputProps.disabled, options, multiple, value: realValue, inline, afterList, beforeList, listStyle, onClick: handleSelect, onClear: handleResetAll, onSelectAll: handleSelectAll, onSubmit: handleSubmit, optionClassName }) }))
+  ] }) });
+}
+const SelectOptions = React.forwardRef((props, ref) => {
+  let {
+    options,
+    value,
+    multiple,
+    inline,
+    onClick,
+    listStyle,
+    disabled,
+    optionControls,
+    beforeList,
+    afterList,
+    optionClassName,
+    ...callbacks
+  } = props;
+  if (multiple && optionControls === void 0) optionControls = true;
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui_Form_Select_SelectOptionsContainer.SelectOptionsContainer, { ref, inline: !!inline, children: [
+    beforeList,
+    /* @__PURE__ */ jsxRuntime.jsx(ui_Form_Select_SelectOptionList.SelectOptionList, { options, multiple, value, listStyle, disabled, onChange: onClick, className: optionClassName }),
+    afterList,
+    !!optionControls && !!multiple && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "arm-selectSummary__wrapper", children: /* @__PURE__ */ jsxRuntime.jsx(ui_Form_Select_SelectSummary.SelectSummary, { options, value, onClose: onClick, disabled, ...callbacks }) })
+  ] }) });
+});
+const Select$1 = lib_helpers_genericForwardRef.fixedForwardRef(Select);
+exports.SelectOptions = SelectOptions;
+exports.default = Select$1;
+exports.getOptionValue = getOptionValue;

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

@@ -0,0 +1,58 @@
+import { TextFieldProps } from '../TextField/TextField';
+import { MouseEvent, ReactNode } from 'react';
+export type OptionType = {
+    text: string;
+    value: string;
+    disabled?: boolean;
+};
+type SelectBaseProps = {
+    options: OptionType[];
+    inline?: boolean;
+    search?: boolean;
+    open?: boolean;
+    onClose?: () => void;
+    defaultOpen?: boolean;
+    listStyle?: SelectOptionsType<true>['listStyle'];
+    onSelectAll?: () => void;
+    clear?: boolean;
+    onSubmit?: () => void;
+    defaultQuery?: string;
+    query?: string;
+    optionControls?: boolean;
+    afterList?: string | ReactNode;
+    beforeList?: string | ReactNode;
+    optionClassName?: string;
+};
+type MultipleType<M extends boolean = false> = {
+    multiple?: M;
+    value?: M extends false ? string : string[];
+    defaultValue?: M extends false ? string : string[];
+    onChange?: (e: SelectChangeEvent<M extends false ? string : string[]>) => void;
+};
+export type SelectProps<M extends boolean = false> = SelectBaseProps & MultipleType<M> & Omit<TextFieldProps, keyof SelectBaseProps | keyof MultipleType<M>>;
+export declare const getOptionValue: (option: OptionType) => string;
+export type SelectChangeEvent<Value = string> = Event & {
+    target: {
+        value: Value;
+        name: string;
+    };
+};
+export type SelectOptionsType<T extends boolean> = {
+    options: OptionType[];
+    value?: T extends true ? string[] : string;
+    inline?: boolean;
+    multiple?: T;
+    onClick: (e: MouseEvent, option: OptionType) => void;
+    listStyle?: 'checkbox' | 'default';
+    onSelectAll?: (e: MouseEvent) => void;
+    onClear?: (e: MouseEvent) => void;
+    onSubmit?: () => void;
+    disabled?: boolean;
+    optionControls?: boolean;
+    afterList?: string | ReactNode;
+    beforeList?: string | ReactNode;
+    optionClassName?: string;
+};
+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>) => JSX.Element;
+export default _default;

package/lib/cjs/ui/Form/Select/SelectOptionList.cjs

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const ui_List_ListItem = require("../../List/ListItem.cjs");
+const ui_Form_Select_Select = require("./Select.cjs");
+const lib_helpers_genericForwardRef = require("../../../lib/helpers/genericForwardRef.cjs");
+function SelectOptionListBase(props, ref) {
+  const {
+    options,
+    multiple,
+    value,
+    listStyle,
+    disabled,
+    onChange,
+    className
+  } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: "arm-options__list", "data-testid": "select-options-list", children: options.map((item, index) => {
+    let optValue = ui_Form_Select_Select.getOptionValue(item);
+    let active = multiple === true && value ? value.includes(optValue) : optValue === value;
+    let checked = listStyle === "checkbox" && !!multiple ? active : void 0;
+    return /* @__PURE__ */ jsxRuntime.jsx(ui_List_ListItem.default, { className, "data-testid": "option-" + index, disabled: disabled || !!item.disabled, checked, active, onClick: (e) => onChange(e, item), children: item.text }, index);
+  }) });
+}
+const SelectOptionList = lib_helpers_genericForwardRef.fixedForwardRef(SelectOptionListBase);
+exports.SelectOptionList = SelectOptionList;

package/lib/cjs/ui/Form/Select/SelectOptionsContainer.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const clsx = require("clsx");
+const React = require("react");
+const SelectOptionsContainer = React.forwardRef(({
+  inline,
+  children
+}, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, "data-testid": "select-options", className: clsx("arm-options", {
+    "arm-options_inline": !!inline
+  }), children });
+});
+exports.SelectOptionsContainer = SelectOptionsContainer;

package/lib/cjs/ui/Form/Select/SelectSummary.cjs

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const ui_Badge_Badge = require("../../Badge/Badge.cjs");
+const ui_Button_Button = require("../../Button/Button.cjs");
+const clsx = require("clsx");
+const ui_Chip_Chip = require("../../Chip/Chip.cjs");
+const ui_Form_Select_Select = require("./Select.cjs");
+const SelectSummary = (props) => {
+  let {
+    options,
+    value,
+    // onClose,
+    ...controlProps
+  } = props;
+  let valueArr = value ? Array.isArray(value) ? value : [value] : [];
+  let selectedOptions = options.filter((item) => valueArr.includes(ui_Form_Select_Select.getOptionValue(item)));
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "arm-selectSummary", children: /* @__PURE__ */ jsxRuntime.jsx(SelectSummaryControls, { ...controlProps, countTotal: options.length, countSelected: selectedOptions.length }) }) });
+};
+const SelectSummaryChips = (props) => {
+  let {
+    options,
+    onDelete,
+    disabled
+  } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "select-summary", className: "arm-selectSummary__optionList", children: options.map((option) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(ui_Chip_Chip.default, { disabled, "data-testid": "select-chip", className: "arm-selectSummary__option", text: option.text, onClose: (e) => onDelete(e, option) }, ui_Form_Select_Select.getOptionValue(option));
+  }) }) });
+};
+const SelectSummaryControls = (props) => {
+  const {
+    onSelectAll,
+    onClear,
+    onSubmit,
+    countTotal,
+    countSelected,
+    disabled,
+    label_check_all = "Выбрать все",
+    label_uncheck_all = "Очистить все",
+    label_submit = "Применить"
+  } = props;
+  const selectAllDisabled = disabled || countSelected === countTotal;
+  const resetAllDisabled = disabled || countSelected === 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "arm-selectSummary__row", children: [
+    !!onSelectAll && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx("arm-selectSummary__check", {
+      "arm-selectSummary__check_disabled": selectAllDisabled
+    }), children: /* @__PURE__ */ jsxRuntime.jsx(ui_Badge_Badge.default, { badgeText: countTotal, shape: "square", color: "info", position: "center-right", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "arm-selectSummary__checkLabel", "data-testid": "select-all", onClick: onSelectAll, children: label_check_all }) }) }),
+    !!onClear && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx("arm-selectSummary__check", {
+      "arm-selectSummary__check_disabled": resetAllDisabled
+    }), children: /* @__PURE__ */ jsxRuntime.jsx(ui_Badge_Badge.default, { badgeText: countSelected, shape: "square", color: "info", position: "center-right", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "arm-selectSummary__checkLabel", "data-testid": "clear-all", onClick: onClear, children: label_uncheck_all }) }) }),
+    !!onSubmit && /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(ui_Button_Button.default, { className: "arm-selectSummary__button", disabled, "data-testid": "select-submit", variant: "transparent", size: "small", onClick: onSubmit, children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: label_submit }) }) })
+  ] });
+};
+exports.SelectSummary = SelectSummary;
+exports.SelectSummaryChips = SelectSummaryChips;
+exports.SelectSummaryControls = SelectSummaryControls;

package/lib/cjs/ui/Form/Select/SelectSummary.d.ts

@@ -0,0 +1,27 @@
+import { MouseEvent } from 'react';
+import { OptionType } from '../../../ui/Form/Select/Select';
+export type SelectSummaryProps = {
+    onClose: (e: MouseEvent, option: OptionType) => void;
+    options: OptionType[];
+    value: string[];
+} & Omit<SelectSummaryControlsProps, 'countSelected' | 'countTotal'>;
+export declare const SelectSummary: (props: SelectSummaryProps) => import("react/jsx-runtime").JSX.Element;
+type SelectSummaryChipsProps = {
+    options: OptionType[];
+    disabled?: boolean;
+    onDelete: (e: MouseEvent, option: OptionType) => void;
+};
+export declare const SelectSummaryChips: (props: SelectSummaryChipsProps) => import("react/jsx-runtime").JSX.Element;
+type SelectSummaryControlsProps = {
+    onSelectAll?: (e: MouseEvent) => void;
+    onClear?: (e: MouseEvent) => void;
+    onSubmit?: (e: MouseEvent) => void;
+    countTotal?: number;
+    countSelected?: number;
+    disabled?: boolean;
+    label_check_all?: string;
+    label_submit?: string;
+    label_uncheck_all?: string;
+};
+export declare const SelectSummaryControls: (props: SelectSummaryControlsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/cjs/ui/Form/Select/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const ui_Form_Select_Select = require("./Select.cjs");
+const ui_Form_Select_SelectSummary = require("./SelectSummary.cjs");
+exports.SelectOptions = ui_Form_Select_Select.SelectOptions;
+exports.default = ui_Form_Select_Select.default;
+exports.SelectSummary = ui_Form_Select_SelectSummary.SelectSummary;
+exports.SelectSummaryChips = ui_Form_Select_SelectSummary.SelectSummaryChips;

package/lib/cjs/ui/Form/Select.cjs

@@ -0,0 +1,2 @@
+'use strict'
+module.exports = require('./Select/index.cjs')

package/lib/cjs/ui/Form/Switch/Switch.cjs

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const clsx = require("clsx");
+const Switch = (props) => {
+  let {
+    size,
+    ...restProps
+  } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: clsx("arm-switch", ["arm-switch_" + props.size]), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("input", { className: "arm-switch__input", ...restProps, type: "checkbox" }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "arm-switch__slider" })
+  ] }) });
+};
+exports.default = Switch;

package/lib/cjs/ui/Form/Switch/index.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const ui_Form_Switch_Switch = require("./Switch.cjs");
+exports.default = ui_Form_Switch_Switch.default;

package/lib/cjs/ui/Form/Switch.cjs

@@ -0,0 +1,2 @@
+'use strict'
+module.exports = require('./Switch/index.cjs')

package/lib/cjs/ui/Form/TextArea/TextArea.cjs

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const ui_Form_TextField_TextField = require("../TextField/TextField.cjs");
+const React = require("react");
+const clsx = require("clsx");
+const TextArea = React.forwardRef((props, ref) => {
+  var _a, _b;
+  let {
+    className,
+    ...restProps
+  } = props;
+  let [minHeight, setMinHeight] = React.useState(0);
+  let textareaRef = React.useRef(null);
+  React.useImperativeHandle(ref, () => {
+    return textareaRef.current;
+  }, []);
+  React.useEffect(() => {
+    if (textareaRef.current && "clientHeight" in textareaRef.current) setMinHeight(textareaRef.current.clientHeight);
+  }, [textareaRef]);
+  let textHeight = (((_a = textareaRef.current) == null ? void 0 : _a.scrollHeight) || 0) < minHeight ? minHeight : (_b = textareaRef.current) == null ? void 0 : _b.scrollHeight;
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(ui_Form_TextField_TextField.TextField, { ref: textareaRef, ...restProps, className: clsx("arm-textarea", ["arm-textarea_size_" + restProps.size], className), multiline: true, classes: {
+    root: "arm-textarea__root",
+    ...restProps.classes
+  }, style: {
+    height: textHeight + "px"
+  } }) });
+});
+exports.default = TextArea;