armtek-uikit-react 1.0.256 → 1.0.259

package/ui/Form/FormControls/FormControls.js

@@ -18,7 +18,7 @@ const FormControls = props => {
     ...divProps
   } = props;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: (0, _clsx.default)(_const.FORM_CONTROLS_CLASSNAME),
+    className: _const.FORM_CONTROLS_CLASSNAME,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       ...divProps,
       className: (0, _clsx.default)(className, 'arm-form-controls__stack'),

package/ui/Form/FormControls/const.d.ts

@@ -1,2 +1 @@
 export declare const FORM_CONTROLS_CLASSNAME = "arm-form-controls";
-export declare const FORM_CONTROLS_SKIP_REPLACE_CLASSNAME = "_skip_replace";

package/ui/Form/FormControls/const.js

@@ -1,6 +1,5 @@
 "use strict";
 
 exports.__esModule = true;
-exports.FORM_CONTROLS_SKIP_REPLACE_CLASSNAME = exports.FORM_CONTROLS_CLASSNAME = void 0;
-const FORM_CONTROLS_CLASSNAME = exports.FORM_CONTROLS_CLASSNAME = 'arm-form-controls';
-const FORM_CONTROLS_SKIP_REPLACE_CLASSNAME = exports.FORM_CONTROLS_SKIP_REPLACE_CLASSNAME = '_skip_replace';
+exports.FORM_CONTROLS_CLASSNAME = void 0;
+const FORM_CONTROLS_CLASSNAME = exports.FORM_CONTROLS_CLASSNAME = 'arm-form-controls';

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

@@ -6,17 +6,6 @@ export type PeriodChangeEvent = (Event & {
         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;
@@ -28,5 +17,5 @@ declare const Period: import("react").ForwardRefExoticComponent<{
     showMonthDropdown?: boolean;
     showYearDropdown?: boolean;
     datePickerProps?: DatePickerProps;
-} & Omit<TextFieldProps, "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<unknown>>;
+} & Omit<TextFieldProps, "defaultValue" | "onChange" | "value"> & import("react").RefAttributes<unknown>>;
 export default Period;

package/ui/Form/Period/Period.js

@@ -114,22 +114,9 @@ const Period = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
         }
       }
     }
-    if (startDateValid && endDateValid && startDateValid.getTime() <= endDateValid.getTime()) {
+    if (startDateValid && endDateValid) {
       handleSelect([startDateValid, endDateValid]);
-    }
-    // else
-    // {
-    // 	handleSelect([null, null])
-    // }
-  };
-  const handleBlur = e => {
-    setActive(false);
-    const value = e.target.value;
-    const valueParts = value.split(DELIMITER);
-    const startDateValid = valueParts[0] ? validateDate(valueParts[0], minDate, maxDate) : null;
-    const endDateValid = valueParts[1] ? validateDate(valueParts[1], minDate, maxDate) : null;
-    if (!startDateValid || !endDateValid || startDateValid && endDateValid && endDateValid.getTime() < startDateValid.getTime()) {
-      setTextValue('');
+    } else {
       handleSelect([null, null]);
     }
   };
@@ -160,8 +147,9 @@ const Period = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
         placeholder: 'дд.мм.гггг - дд.мм.гггг',
         ...restProps,
         disabled: disabled,
+        id: 'period',
         value: textValue,
-        onBlur: handleBlur,
+        onBlur: () => setActive(false),
         onChange: handleChange,
         onFocus: () => setActive(false),
         autoComplete: 'off',

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

@@ -1,5 +1,5 @@
 import { TextFieldProps } from '../TextField/TextField';
-import { MouseEvent, ReactNode } from 'react';
+import { MouseEvent, KeyboardEvent, ReactNode } from 'react';
 export type OptionType = {
     text: string;
     value: string;
@@ -42,7 +42,7 @@ export type SelectOptionsType<T extends boolean> = {
     value?: T extends true ? string[] : string;
     inline?: boolean;
     multiple?: T;
-    onClick: (e: MouseEvent, option: OptionType) => void;
+    onClick: (e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>, option: OptionType) => void;
     listStyle?: 'checkbox' | 'default';
     onSelectAll?: (e: MouseEvent) => void;
     onClear?: (e: MouseEvent) => void;

package/ui/Form/Select/Select.js

@@ -59,19 +59,12 @@ function Select(props, ref) {
     return inputRef.current;
   }, []);
   const handleOpen = () => {
-    if (open !== undefined) return;
     if (!inputProps.disabled) {
       setActive(true);
       // if( e.target instanceof HTMLDivElement )
       // 	setAnchorEl(e.currentTarget)
     }
   };
-  function handleClose() {
-    if (onClose) onClose();else {
-      if (open !== undefined) return;
-      setActive(false);
-    }
-  }
   const handleSelect = (e, option) => {
     if (e.target.classList.contains(_const.CHECKBOX_LABEL_CLASSNAME)) {
       e.stopPropagation();
@@ -97,7 +90,7 @@ function Select(props, ref) {
     if (search && !multiple) {
       setQ(options.find(item => getOptionValue(item) === newValueS).text);
     }
-    if (!multiple) handleClose();
+    if (!multiple) setActive(false);
   };
   const handleSearch = e => {
     setQ(e.target.value);
@@ -155,6 +148,9 @@ function Select(props, ref) {
   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)));
+  function handleClose() {
+    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, {

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

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

package/ui/Form/TimeField/TimeField.d.ts

@@ -9,10 +9,10 @@ declare const TimeField: import("react").ForwardRefExoticComponent<{
     showMonthYearPicker?: boolean;
     showYearPicker?: boolean;
 } & {
+    error?: boolean | undefined;
     label?: string | undefined;
     className?: string | undefined | undefined;
     placeholder?: string | undefined | undefined;
-    error?: boolean | undefined;
     helperText?: import("react").ReactNode;
 } & Omit<import("react-datepicker").DatePickerProps, keyof {
     onClick?: (e: import("react").MouseEvent) => void;

package/ui/Modal/Modal.js

@@ -19,7 +19,6 @@ function replaceControlsIfExists(container, props) {
   if (!body) return;
   const controls = body.querySelectorAll(`.${_const.FORM_CONTROLS_CLASSNAME}`);
   if (controls.length !== 1) return;
-  if (controls[0].querySelector(`.${_const.FORM_CONTROLS_SKIP_REPLACE_CLASSNAME}`)) return;
   const footer = document.createElement("div");
   footer.classList.add(_const2.MODAL_FOOTER_CLASSNAME);
   if ((_props$classes = props.classes) != null && _props$classes['Arm-Modal__footer']) footer.classList.add((_props$classes2 = props.classes) == null ? void 0 : _props$classes2['Arm-Modal__footer']);