armtek-uikit-react 1.0.13 → 1.0.15

package/cjs/ui/Form/DatePicker/TimePicker.js

@@ -1,28 +0,0 @@
-"use strict";
-"use client";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _DatePicker = _interopRequireDefault(require("./DatePicker"));
-var _react = require("react");
-var _jsxRuntime = require("react/jsx-runtime");
-const TimePicker = () => {
-  const [startDate, setStartDate] = (0, _react.useState)(new Date());
-  const handleChange = date => {
-    setStartDate(date);
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
-      selected: startDate,
-      onChange: handleChange,
-      timeIntervals: 5,
-      showTimeSelect: true,
-      showTimeSelectOnly: true,
-      timeCaption: ''
-    })
-  });
-};
-var _default = TimePicker;
-exports.default = _default;
-module.exports = exports.default;

package/cjs/ui/Form/Interval/Interval.js

@@ -1,98 +0,0 @@
-"use strict";
-"use client";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _react = require("react");
-var _IntervalModule = _interopRequireDefault(require("./Interval.module.scss"));
-var _TextField = require("../TextField/TextField");
-var _HelperText = _interopRequireDefault(require("../../HelperText/HelperText"));
-var _jsxRuntime = require("react/jsx-runtime");
-const Interval = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  let {
-    value,
-    defaultValue,
-    labelStart,
-    labelEnd,
-    onChange,
-    helperText,
-    error,
-    disabled,
-    min = 0,
-    max = 0,
-    ...inputProps
-  } = props;
-  let [focused, setFocused] = (0, _react.useState)(false);
-  let [currentMin, setCurrentMin] = (0, _react.useState)(min);
-  let [currentMax, setCurrentMax] = (0, _react.useState)(max);
-  const handleFocus = () => {
-    setFocused(true);
-  };
-  const handleBlur = () => {
-    setFocused(false);
-  };
-  const handleMin = e => {
-    let val = parseInt(e.target.value);
-    val = val < min ? min : val;
-    setCurrentMin(val);
-    if (onChange) onChange([val, max]);
-  };
-  const handleMax = e => {
-    let val = parseInt(e.target.value);
-    val = val > max ? max : val;
-    setCurrentMax(val);
-    if (onChange) onChange([min, val]);
-  };
-  let realMin = currentMin;
-  let realMax = currentMax;
-  if (value !== undefined && Array.isArray(value) && value.length === 2) {
-    realMin = value[0];
-    realMax = value[1];
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.TextFieldContainer, {
-      focused: focused,
-      error: error,
-      disabled: disabled,
-      size: inputProps.size,
-      variant: inputProps.variant,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: _IntervalModule.default.interval,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: _IntervalModule.default.interval__item,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.TextFieldInput, {
-            ...inputProps,
-            value: realMin,
-            label: labelStart,
-            type: 'number',
-            onFocus: handleFocus,
-            onBlur: handleBlur,
-            focused: true,
-            onChange: handleMin
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: _IntervalModule.default.interval__item,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.TextFieldInput, {
-            ...inputProps,
-            value: realMax,
-            label: labelEnd,
-            type: 'number',
-            onFocus: handleFocus,
-            onBlur: handleBlur,
-            className: _IntervalModule.default.interval__end,
-            focused: true,
-            onChange: handleMax
-          })
-        })]
-      })
-    }), helperText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_HelperText.default, {
-      className: _IntervalModule.default.interval__helperText,
-      error: error,
-      children: helperText
-    })]
-  });
-});
-var _default = Interval;
-exports.default = _default;
-module.exports = exports.default;

package/cjs/ui/Form/Interval/Interval.module.scss

@@ -1,35 +0,0 @@
-@import "../../../assets/styles";
-
-.interval{
-  @include flex();
-  width: 100%;
-  & input{
-    -moz-appearance: textfield;
-    &::-webkit-outer-spin-button,
-    &::-webkit-inner-spin-button {
-      -webkit-appearance: none;
-      margin: 0;
-    }
-  }
-}
-.interval__end{
-  text-align: right;
-  & + span{
-    text-align: right;
-    padding-left: 0;
-    padding-right: 12px;
-  }
-}
-.interval__item{
-  max-width: 50%;
-  flex: 0 0 50%;
-}
-
-.interval__helperText{
-  margin-top: calc($size-step / 2);
-}
-
-.intervalslide__slider{
-  padding: 0 calc($size-step * 2);
-  margin-top: -7px;
-}

package/cjs/ui/Form/Interval/IntervalSlide.js

@@ -1,48 +0,0 @@
-"use strict";
-"use client";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _Interval = _interopRequireDefault(require("./Interval"));
-var _IntervalModule = _interopRequireDefault(require("./Interval.module.scss"));
-var _react = require("react");
-var _Slider = _interopRequireDefault(require("../../Slider/Slider"));
-var _jsxRuntime = require("react/jsx-runtime");
-const IntervalSlide = props => {
-  let {
-    onChange,
-    ...restProps
-  } = props;
-  let [value, setValue] = (0, _react.useState)([props.min, props.max]);
-  const handleChange = value => {
-    setValue(value);
-    if (onChange) onChange(value);
-  };
-  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, {
-        value: value,
-        ...restProps,
-        onChange: setValue
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: _IntervalModule.default.intervalslide__slider,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Slider.default, {
-          range: true,
-          min: props.min,
-          max: props.max,
-          disabled: props.disabled,
-          value: restProps.value || value,
-          size: props.size,
-          onChange: handleSlide
-        })
-      })]
-    })
-  });
-};
-var _default = IntervalSlide;
-exports.default = _default;
-module.exports = exports.default;

package/cjs/ui/Form/Password/Password.js

@@ -1,46 +0,0 @@
-"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("../../Button/ButtonIcon"));
-var _jsxRuntime = require("react/jsx-runtime");
-const Password = /*#__PURE__*/(0, _react.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);
-  const handleChange = e => {
-    setValue(e.target.value);
-    if (onChange) onChange(e);
-  };
-  const handleClick = () => {
-    setIsPassword(prev => !prev);
-  };
-  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__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
-        size: 'medium',
-        variant: 'transparent',
-        color: 'neutral',
-        onClick: handleClick,
-        className: 'material_icon',
-        children: isPassword ? 'visibility_off' : 'visibility'
-      })
-    })
-  });
-});
-var _default = Password;
-exports.default = _default;
-module.exports = exports.default;

package/cjs/ui/Form/Password/Password.module.scss

@@ -1,2 +0,0 @@
-@import "../../../assets/styles";
-

package/cjs/ui/Form/Period/Period.js

@@ -1,69 +0,0 @@
-"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 _PeriodModule = _interopRequireDefault(require("./Period.module.scss"));
-var _ButtonIcon = _interopRequireDefault(require("../../Button/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] = (0, _react.useState)(false);
-  let [value, setValue] = (0, _react.useState)([new Date(), null]);
-  const handleClick = () => {
-    setActive(true);
-  };
-  const handleChange = date => {
-    setValue(date);
-    if (date[0] && date[1]) setActive(false);
-    if (onChange) onChange(date);
-  };
-  let displayValue = '';
-  if (value[0] && value[1]) displayValue = `${(0, _DateService.DateService)(value[0]).format('DD.MM.YYYY')} - ${(0, _DateService.DateService)(value[1]).format('DD.MM.YYYY')}`;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: _PeriodModule.default.dateField,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
-        ref: ref,
-        placeholder: 'дд.мм.гггг - дд.мм.гггг',
-        ...restProps,
-        value: displayValue,
-        onFocus: handleClick,
-        endAdornment: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
-          size: 'medium',
-          variant: 'transparent',
-          color: 'neutral',
-          onClick: handleClick,
-          className: 'material_icon',
-          children: "calendar_today"
-        })
-      }), active && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Card.default, {
-        className: _PeriodModule.default.dateField__picker,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
-          onChange: handleChange,
-          selectsRange: true,
-          onBlur: () => {
-            setActive(false);
-          },
-          selected: value[0],
-          startDate: value[0],
-          endDate: value[1]
-        })
-      })]
-    })
-  });
-});
-var _default = Period;
-exports.default = _default;
-module.exports = exports.default;

package/cjs/ui/Form/Period/Period.module.scss

@@ -1,10 +0,0 @@
-@import "../../../assets/styles";
-
-.dateField{
-  position: relative;
-}
-.dateField__picker{
-  position: absolute;
-  top: 100%;
-  right: 0;
-}

package/cjs/ui/Form/Rating/Rating.js

@@ -1,54 +0,0 @@
-"use strict";
-"use client";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _RatingModule = _interopRequireDefault(require("./Rating.module.scss"));
-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] = (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);
-    if (onChange) onChange(index);
-  };
-  const handleMouseEnter = index => () => {
-    setHovered(index);
-  };
-  const handleLeaveRating = () => {
-    setHovered(realValue);
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: _RatingModule.default.rating,
-      onMouseLeave: handleLeaveRating,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
-        value: value,
-        ...restProps,
-        type: "hidden"
-      }), [...Array(5)].map((_, index) => {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          onClick: handleClick(index + 1),
-          onMouseEnter: handleMouseEnter(index + 1),
-          className: (0, _clsx.default)('material_icon', {
-            ['material_icon_solid']: index + 1 <= hovered || index + 1 <= realValue,
-            [_RatingModule.default.rating__item_disabled]: !!restProps.disabled
-          }, _RatingModule.default.rating__item, _RatingModule.default['rating_' + size]),
-          children: "star"
-        }, index);
-      })]
-    })
-  });
-};
-var _default = Rating;
-exports.default = _default;
-module.exports = exports.default;

package/cjs/ui/Form/Rating/Rating.module.scss

@@ -1,19 +0,0 @@
-@import "../../../assets/styles";
-
-.rating{
-  @include flex();
-}
-.rating__item{
-  cursor: pointer;
-  color: #F7B519;
-  font-size: 30px;
-}
-.rating_medium{
-  font-size: 24px;
-}
-.rating_small{
-  font-size: 18px;
-}
-.rating__item_disabled{
-  color: $color-gray-400;
-}

package/cjs/ui/Form/Select/Select.js

@@ -1,139 +0,0 @@
-"use strict";
-"use client";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.getOptionValue = exports.default = void 0;
-var _TextField = _interopRequireDefault(require("../TextField/TextField"));
-var _react = require("react");
-var _SelectModule = _interopRequireDefault(require("./Select.module.scss"));
-var _ButtonIcon = _interopRequireDefault(require("../../Button/ButtonIcon"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _ListItem = _interopRequireDefault(require("../../List/ListItem"));
-var _useClickOutside = _interopRequireDefault(require("../../../lib/hooks/useClickOutside"));
-var _jsxRuntime = require("react/jsx-runtime");
-const getOptionValue = option => option.value || option.text;
-exports.getOptionValue = getOptionValue;
-function Select(props) {
-  var _options$find;
-  let {
-    options,
-    endAdornment,
-    className,
-    inline,
-    multiple = false,
-    value,
-    defaultValue,
-    onChange,
-    ...inputProps
-  } = props;
-  let [active, setActive] = (0, _react.useState)(false);
-  let [selected, setSelected] = (0, _react.useState)(defaultValue || (multiple ? [] : ''));
-  let selectRef = (0, _react.useRef)(null);
-  let optRef = (0, _useClickOutside.default)(() => setActive(false));
-  const handleActive = flag => {
-    setActive(prev => flag !== undefined ? flag : !prev);
-  };
-  const handleSelect = option => {
-    let v = getOptionValue(option);
-    let mSelected = selected;
-    let newValueS = v;
-    let newValueM = mSelected.includes(v) ? mSelected.filter(item => item !== v) : mSelected.concat(v);
-    setSelected(multiple ? newValueM : newValueS);
-    if (onChange) onChange(multiple ? newValueM : newValueS);
-    if (!multiple) setActive(false);
-
-    // if(selectRef.current)
-    // 	selectRef.current.dispatchEvent(new Event('change', { bubbles: true }))
-  };
-
-  // const handleChange = (e: ChangeEvent<HTMLSelectElement>) => {
-  // let option = options.find(item => getOptionValue(item) === e.target.value)
-  // if( option )
-  // {
-  // 	let v = getOptionValue(option)
-  // 	setSelected(!multiple ? v : prev => prev?.concat(v) || [v])
-  // 	if( !multiple )
-  // 		setActive(false)
-  // }
-  // }
-
-  let selectEndAdornment = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [endAdornment, /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
-      onClick: () => handleActive,
-      size: 'small',
-      variant: 'transparent',
-      className: 'material_icon',
-      children: "arrow_drop_down"
-    })]
-  });
-  let selectProps = {};
-  // if( value !== undefined )
-  // {
-  // 	selectProps.value = value
-  // 	selectProps.onChange = handleChange
-  // }
-
-  let realValue = value !== undefined ? value : selected;
-  let selectedText = multiple ? options.filter(item => realValue == null ? void 0 : realValue.includes(getOptionValue(item))).map(item => item.text).join(', ') : ((_options$find = options.find(item => getOptionValue(item) === realValue)) == null ? void 0 : _options$find.text) || '';
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: _SelectModule.default.select,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: _SelectModule.default.select__input_wrapper,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("select", {
-          multiple: multiple,
-          ref: selectRef,
-          ...selectProps,
-          style: {
-            display: 'none'
-          },
-          children: options.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-            children: item.text
-          }, item.text))
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
-          ...inputProps,
-          value: selectedText,
-          onClick: () => setActive(true),
-          className: (0, _clsx.default)(_SelectModule.default.select__input, className),
-          endAdornment: selectEndAdornment
-        })]
-      }), active && /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectOptions, {
-        ref: optRef,
-        options: options,
-        multiple: multiple,
-        value: realValue,
-        inline: inline,
-        onClick: handleSelect
-      })]
-    })
-  });
-}
-const SelectOptions = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  let {
-    options,
-    value,
-    multiple,
-    inline,
-    onClick
-  } = props;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      ref: ref,
-      className: (0, _clsx.default)(_SelectModule.default.options, {
-        [_SelectModule.default.options_inline]: !!inline
-      }),
-      children: options.map((item, index) => {
-        let optValue = getOptionValue(item);
-        let active = multiple === true && value ? value.includes(optValue) : optValue === value;
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItem.default, {
-          active: active,
-          onClick: () => onClick(item),
-          children: item.text
-        }, index);
-      })
-    })
-  });
-});
-var _default = Select;
-exports.default = _default;

package/cjs/ui/Form/Switch/Switch.js

@@ -1,30 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _SwitchModule = _interopRequireDefault(require("./Switch.module.scss"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _jsxRuntime = require("react/jsx-runtime");
-const Switch = props => {
-  let {
-    onChange,
-    size,
-    ...restProps
-  } = props;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
-      className: (0, _clsx.default)(_SwitchModule.default.switch, _SwitchModule.default['switch_' + props.size]),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
-        className: _SwitchModule.default.switch__input,
-        ...restProps,
-        type: "checkbox"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: _SwitchModule.default.switch__slider
-      })]
-    })
-  });
-};
-var _default = Switch;
-exports.default = _default;
-module.exports = exports.default;

package/cjs/ui/Form/Switch/Switch.module.scss

@@ -1,69 +0,0 @@
-@import "../../../assets/styles";
-
-
-.switch {
-  position: relative;
-  display: inline-block;
-  width: 34px;
-  height: 14px;
-}
-
-
-.switch__input {
-  opacity: 0;
-  width: 0;
-  height: 0;
-}
-
-/* The slider */
-.switch__slider {
-  position: absolute;
-  cursor: pointer;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: $color-neutral-light;
-  -webkit-transition: .4s;
-  transition: .4s;
-  border-radius: 7px;
-}
-
-.switch__slider:before {
-  position: absolute;
-  content: "";
-  height: 20px;
-  width: 20px;
-  left: -3px;
-  bottom: -3px;
-  background-color: white;
-  -webkit-transition: .4s;
-  transition: .4s;
-  border-radius: 50%;
-  box-shadow: $box-shadow;
-}
-
-.switch__input:checked + .switch__slider {
-  background-color: $color-orange-400;
-}
-
-.switch__input:checked + .switch__slider:before {
-  -webkit-transform: translateX(22px);
-  -ms-transform: translateX(22px);
-  transform: translateX(22px);
-  background: $color-secondary;
-}
-
-.switch_small{
-  width: 26px;
-  height: 10px;
-  & .switch__slider:before{
-    width: 16px;
-    height: 16px;
-  }
-  & .switch__input:checked + .switch__slider:before {
-    -webkit-transform: translateX(20px);
-    -ms-transform: translateX(20px);
-    transform: translateX(18px);
-  }
-}