armtek-uikit-react 1.0.266 → 1.0.268

package/ui/Form/DateField/DateField.js

@@ -1,231 +0,0 @@
-"use strict";
-"use client";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.getDateFormat = exports.default = exports.DateField = void 0;
-var _TextField = _interopRequireDefault(require("../TextField/TextField"));
-var _react = require("react");
-var _Card = _interopRequireDefault(require("../../Card/Card"));
-var _DatePicker = _interopRequireDefault(require("../DatePicker/DatePicker"));
-var _ButtonIcon = _interopRequireDefault(require("../../ButtonIcon"));
-var _BackDrop = _interopRequireDefault(require("../../BackDrop"));
-var _PopperBase = require("../../Popper/PopperBase");
-var _DateService = require("../../../lib/services/DateService");
-var _jsxRuntime = require("react/jsx-runtime");
-// import { insertChar } from 'lib/helpers/insertChar'
-
-const getDateFormat = format => {
-  let out = {};
-  if (!format) return out;
-  if (format.includes('dd')) out.day = '2-digit';
-  if (format.includes('MM')) out.month = '2-digit';
-  if (format.includes('yyyy')) out.year = 'numeric';
-  if (format.includes('HH')) out.hour = '2-digit';
-  if (format.includes('mm')) out.minute = '2-digit';
-  return out;
-};
-exports.getDateFormat = getDateFormat;
-const dateToText = (d, format) => {
-  if (!d) return '';
-  if (typeof d === 'string') d = new Date(d);
-  return d.toLocaleString('ru-RU', getDateFormat(format));
-};
-
-/*
-TODO: Не отрабатывает ...register из react-hook-form при предзаполненном поле
- */
-const DateField = exports.DateField = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  let {
-    onChange,
-    inputProps,
-    onInput,
-    label,
-    placeholder,
-    className,
-    showTime,
-    error,
-    helperText,
-    showTimeOnly,
-    disabled,
-    value,
-    ...datepickerProps
-  } = props;
-  let format = 'dd.MM.yyyy';
-  if (showTime && !showTimeOnly) format = 'dd.MM.yyyy HH:mm';else if (showTimeOnly) format = 'HH:mm';
-  const [date, setDate] = (0, _react.useState)(null);
-  const [open, setOpen] = (0, _react.useState)(false);
-  const [text, setText] = (0, _react.useState)(dateToText(value, format));
-  (0, _react.useEffect)(() => {
-    if (value) setText(dateToText(value, format));
-  }, [value]);
-  const handleChange = d => {
-    setDate(d);
-    if (!showTime || showTime && d && d.getHours() > 0) setOpen(false);
-    if (onChange) {
-      const e = new Event('input', {
-        bubbles: true
-      });
-      Object.defineProperty(e, 'target', {
-        writable: false,
-        value: {
-          name: props.name,
-          value: d
-        }
-      });
-      onChange(e);
-    }
-  };
-  const handleClick = e => {
-    setOpen(prev => !prev);
-    if (props.onClick) props.onClick(e);
-  };
-  const btnRef = (0, _react.useRef)();
-  const inputIcon = showTime && showTimeOnly ? 'schedule' : 'calendar_today';
-  const handleSelectDate = date => {
-    setText(dateToText(date, format));
-    handleChange(date);
-  };
-  const processChange = value => {
-    if (disabled) return;
-    //backspace
-    const bs = (text.endsWith('.') || text.endsWith(' ') || text.endsWith(':')) && text.length > value.length;
-    let matcher = /^\d{2}\.\d{2}\.\d{4}$/;
-
-    // if( backSpace )
-    // {
-    // 	value = value.replace(/(\.)$/, '')
-    // 		.replace(/( )$/, '')
-    // 		.replace(/(:)$/, '')
-    // }
-    // else
-    if (!bs) {
-      value = value.replace(/[^\d ]/g, '');
-      if (showTimeOnly) {
-        matcher = /^\d{2}:\d{2}$/;
-        value = value.replace(/^(\d{2})/, '$1:').replace(/^(\d{2}):(\d{2})(\d)$/, '$1:$2');
-      } else {
-        value = value.replace(/[^\d ]/g, '').replace(/^(\d{2})/, '$1.').replace(/^(\d{2})\.(\d{2})/, '$1.$2.').replace(/^(\d{2})\.(\d{2})\.(\d{4})/, '$1.$2.$3');
-        if (showTime) {
-          value = value.replace(/^(\d{2})\.(\d{2})\.(\d{4})(\d)/, '$1.$2.$3 $4').replace(/^(\d{2})\.(\d{2})\.(\d{4}) (\d{2})/, '$1.$2.$3 $4:').replace(/^(\d{2})\.(\d{2})\.(\d{4})(\d{2})/, '$1.$2.$3 $4:').replace(/^(\d{2})\.(\d{2})\.(\d{4}) (\d{2}):(\d{2})/, '$1.$2.$3 $4:$5').replace(/^(\d{2})\.(\d{2})\.(\d{4}) (\d{2}):(\d{2})(\d)/, '$1.$2.$3 $4:$5');
-          matcher = /\d{2}\.\d{2}\.\d{4} \d{2}:\d{2}/;
-        } else value = value.replace(/^(\d{2})\.(\d{2})\.(\d{4})(\d)/, '$1.$2.$3');
-      }
-    }
-    setText(value);
-    setDate(null);
-    if (!bs && value.match(new RegExp(matcher))) {
-      const dateAndTimeParts = value.split(' ');
-      const dateParts = dateAndTimeParts[0].split('.');
-      let parseString = '';
-      let timestamp;
-      if (showTimeOnly) {
-        const today = new Date();
-        const hourParts = value.split(':').map(Number);
-        today.setHours(hourParts[0], hourParts[1], hourParts[2] || 0, 0);
-        timestamp = today.getTime();
-      } else {
-        parseString = `${dateParts[2]}-${dateParts[1]}-${dateParts[0]}`;
-        if (showTime) parseString = parseString + ` ${dateAndTimeParts[1]}`;
-        timestamp = Date.parse(parseString);
-      }
-      if (isNaN(timestamp) === false) {
-        const d = new Date(timestamp);
-        if (datepickerProps.minDate && (0, _DateService.isDateBigger)(datepickerProps.minDate, d)) {
-          setText('');
-          handleChange(null);
-        } else if (datepickerProps.maxDate && (0, _DateService.isDateBigger)(d, datepickerProps.maxDate)) {
-          setText('');
-          handleChange(null);
-        } else {
-          setText(d.toLocaleString('ru-RU', getDateFormat(format)));
-          handleChange(d);
-        }
-      } else {
-        setText('');
-        handleChange(null);
-      }
-    } else {
-      handleChange(null);
-    }
-  };
-  const handleChangeText = e => {
-    processChange(e.target.value);
-  };
-  const handlePaste = e => {
-    processChange(e.currentTarget.value);
-  };
-  let realValue = value !== undefined ? value : date;
-  let dateValue = typeof realValue === 'string' ? new Date(realValue) : realValue;
-  if (!(dateValue instanceof Date && !isNaN(dateValue.getDate()))) dateValue = null;
-
-  //TODO Подключение Popover ломает тесты, разобраться почему
-
-  const calendarBtn = /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
-    disabled: disabled,
-    size: 'medium',
-    variant: 'transparent',
-    onClick: handleClick,
-    color: 'neutral',
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      ref: btnRef,
-      className: 'material_icon',
-      children: inputIcon
-    })
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
-      ref: ref,
-      label: label,
-      placeholder: placeholder,
-      className: className,
-      error: error,
-      helperText: helperText,
-      ...inputProps,
-      value: text || '',
-      disabled: disabled,
-      onChange: handleChangeText,
-      onPaste: handlePaste,
-      endAdornment: calendarBtn
-    }), open && /*#__PURE__*/(0, _jsxRuntime.jsx)(_BackDrop.default, {
-      onClick: () => setOpen(false),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PopperBase.PopperBase, {
-        anchorEl: btnRef.current,
-        className: 'arm-datefield-popper',
-        open: open,
-        placement: 'bottom-end',
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          style: {
-            backgroundColor: '#fff',
-            width: '100%'
-          },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
-            timeIntervals: 15,
-            calendarContainer: PickerCard,
-            popperPlacement: "top-end",
-            dateFormat: format,
-            ...datepickerProps,
-            onChange: handleSelectDate,
-            selected: dateValue,
-            showTimeSelect: !!showTime,
-            showTimeSelectOnly: !!showTimeOnly && !!showTime,
-            disabled: disabled,
-            inline: true
-          })
-        })
-      })
-    })]
-  });
-});
-const PickerCard = props => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Card.default, {
-    style: {
-      zIndex: 6
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: props.className,
-      children: props.children
-    })
-  });
-};
-var _default = exports.default = DateField;

package/ui/Form/DateField/index.js

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

package/ui/Form/DatePicker/DatePicker.js

@@ -1,169 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _react = require("react");
-var _reactDatepicker = _interopRequireDefault(require("react-datepicker"));
-require("./styles.css");
-var _ru = require("date-fns/locale/ru");
-var _format = require("date-fns/format");
-var _ButtonIcon = _interopRequireDefault(require("../../ButtonIcon"));
-var _Stack = _interopRequireDefault(require("../../Stack"));
-var _Select = _interopRequireDefault(require("../Select"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _jsxRuntime = require("react/jsx-runtime");
-// import '!style-loader!css-loader!./styles.css'
-
-// import ru from 'date-fns/locale/ru'
-// import rus from 'date-fns/locale/ru'
-// import ru from 'date-fns/esm/locale/ru'
-
-// type DatePickerProps = any
-// type ReactDatePickerCustomHeaderProps = any
-const renderDayContents = day => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: 'customDay',
-    children: day
-  });
-};
-const DatePicker = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: 'ui-datepicker',
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactDatepicker.default, {
-        ref: ref,
-        locale: _ru.ru
-        // useWeekdaysShort={false}
-        // formatWeekDay={date => {
-        // 	console.log(date)
-        // 	return '123'
-        // }}
-        ,
-
-        inline: true,
-        renderDayContents: renderDayContents,
-        ...props,
-        renderCustomHeader: headerProps => {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(PickerHeader, {
-            ...headerProps,
-            ...props
-          });
-        }
-      })
-    })
-  });
-});
-function range(end, start) {
-  const numbers = [];
-  for (let i = end; i <= start; i++) {
-    numbers.push(i);
-  }
-  numbers.reverse();
-  return numbers;
-}
-function getYear(date) {
-  return date.getFullYear();
-}
-function getMonth(date) {
-  return date.getMonth();
-}
-const getMonthNames = () => {
-  const months = [];
-  for (let i = 0; i < 12; i++) {
-    const date = new Date();
-    date.setMonth(i);
-    months.push((0, _format.format)(date, 'LLLL', {
-      locale: _ru.ru
-    }));
-  }
-  return months;
-};
-const getYears = (minYear, maxYear) => {
-  return range(minYear, maxYear);
-};
-const months = getMonthNames();
-const PickerHeader = props => {
-  const {
-    decreaseMonth,
-    prevMonthButtonDisabled,
-    date,
-    changeYear,
-    changeMonth,
-    increaseMonth,
-    nextMonthButtonDisabled,
-    maxDate,
-    minDate
-  } = props;
-  const years = getYears(minDate ? minDate.getFullYear() : 1920, maxDate ? maxDate.getFullYear() : new Date().getFullYear() + 5);
-  const showMonthPickerProp = props.showMonthDropdown !== false && 'showMonthDropdown' in props;
-  const showYearPickerProp = props.showYearDropdown !== false && 'showYearDropdown' in props;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Stack.default, {
-      spacing: 'small',
-      center: true,
-      className: 'justify-between',
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
-        size: 'small',
-        mi: 'keyboard_arrow_left',
-        onClick: decreaseMonth,
-        disabled: prevMonthButtonDisabled
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: 'react-datepicker__current-month',
-        children: (0, _format.format)(date, 'LLLL yyyy', {
-          locale: _ru.ru
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
-        size: 'small',
-        mi: 'keyboard_arrow_right',
-        onClick: increaseMonth,
-        disabled: nextMonthButtonDisabled
-      })]
-    }), (showMonthPickerProp || showYearPickerProp) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Stack.default, {
-      spacing: 'small',
-      center: true,
-      className: 'justify-center',
-      children: [showYearPickerProp && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
-        className: 'arm-datepicker__select',
-        size: 'small',
-        classes: {
-          root: 'arm-datepicker__select_root',
-          wrapper: 'arm-datepicker__select-wrapper'
-        },
-        variant: 'outlined',
-        value: String(getYear(date)),
-        onChange: ({
-          target: {
-            value
-          }
-        }) => changeYear(value),
-        options: years.map(item => ({
-          value: String(item),
-          text: String(item)
-        })),
-        optionClassName: 'arm-datepicker__select-option'
-      }), showMonthPickerProp && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
-        className: (0, _clsx.default)('arm-datepicker__select', 'arm-datepicker__select_month'),
-        classes: {
-          root: 'arm-datepicker__select_root',
-          wrapper: 'arm-datepicker__select-wrapper'
-        },
-        size: 'small',
-        variant: 'outlined',
-        value: String(months[getMonth(date)]),
-        onChange: ({
-          target: {
-            value
-          }
-        }) => changeMonth(months.indexOf(value)),
-        options: months.map(item => ({
-          value: String(item),
-          text: String(item)
-        })),
-        optionClassName: 'arm-datepicker__select-option'
-      })]
-    })]
-  });
-};
-var _default = exports.default = DatePicker;
-module.exports = exports.default;

package/ui/Form/DatePicker/index.js

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