armtek-uikit-react 1.0.13 → 1.0.15

package/cjs/ui/Chip/Chip.js

@@ -1,41 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _ChipModule = _interopRequireDefault(require("./Chip.module.scss"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _jsxRuntime = require("react/jsx-runtime");
-function Chip(props) {
-  let {
-    size,
-    text,
-    icon,
-    onClose,
-    as,
-    variant,
-    color,
-    children
-  } = props;
-  let Component = as || 'span';
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
-      className: (0, _clsx.default)(_ChipModule.default.chip, _ChipModule.default['chip_' + size], _ChipModule.default['chip_' + variant], _ChipModule.default['chip_' + color]),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-        className: _ChipModule.default.chip__inner,
-        children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: (0, _clsx.default)('material_icon', _ChipModule.default.chip__icon, _ChipModule.default['chip__icon_' + size]),
-          children: icon
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          children: text || children
-        }), onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: (0, _clsx.default)('material_icon_solid', _ChipModule.default['chip__close_' + size], _ChipModule.default['chip__close_' + color], _ChipModule.default.chip__close),
-          children: "cancel"
-        })]
-      })
-    })
-  });
-}
-var _default = Chip;
-exports.default = _default;
-module.exports = exports.default;

package/cjs/ui/Chip/Chip.module.scss

@@ -1,96 +0,0 @@
-@import "../../assets/styles";
-
-.chip{
-  background: $color-gray-200;
-  padding: calc($size-step / 1.5) calc($size-step * 1.5);
-  border-radius: 20px;
-  font-size: 13px;
-  display: inline-block;
-}
-
-.chip__inner{
-  @include flex(center)
-}
-
-.chip__icon{
-  display: inline-block;
-  margin-right: $size-step;
-  margin-left: -$size-step;
-  font-size: 22px;
-  @include flex();
-  overflow: hidden;
-}
-.chip__close{
-  margin-left: $size-step;
-  margin-right: -$size-step;
-  padding: 0;
-  font-size: 20px;
-  color: $color-gray-500;
-  cursor: pointer;
-  &:hover{
-    @include transition();
-    color: $color-gray-600;
-  }
-}
-
-.chip__close_primary,
-.chip__close_secondary{
-  color: #fff;
-  &:hover{
-    color: #fff;
-    opacity: 0.6;
-  }
-}
-
-.chip_small{
-  padding: 4px $size-step;
-}
-.chip__icon_small{
-  font-size: 18px;
-  margin-left: 0;
-}
-.chip__close_small{
-  font-size: 15px;
-  margin-right: -2px;
-}
-
-.chip_outlined{
-  background: transparent;
-  border: 1px solid $color-gray-400;
-}
-
-a.chip,
-button.chip{
-  &:hover{
-    background: $color-gray-300;
-  }
-}
-a.chip_outlined,
-button.chip_outlined{
-  &:hover{
-    background: rgba($color-neutral, 0.1);
-  }
-}
-
-.chip_secondary{
-  color: #fff;
-  background-color: $color-secondary;
-}
-a.chip_secondary,
-button.chip_secondary{
-  &:hover{
-    background-color: $color-secondary-dark;
-  }
-}
-
-.chip_primary{
-  color: #fff;
-  background-color: $color-primary;
-}
-
-a.chip_primary,
-button.chip_primary{
-  &:hover{
-    background-color: $color-primary-dark;
-  }
-}

package/cjs/ui/Form/Checkbox/Checkbox.js

@@ -1,53 +0,0 @@
-"use strict";
-"use client";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _CheckboxModule = _interopRequireDefault(require("./Checkbox.module.scss"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _react = require("react");
-var _jsxRuntime = require("react/jsx-runtime");
-const Checkbox = props => {
-  let {
-    label,
-    intermediate,
-    color = 'primary',
-    size = 'large',
-    variant = 'outlined',
-    onChange,
-    className,
-    ...inputProps
-  } = props;
-  let [checked, setChecked] = (0, _react.useState)(!!props.defaultChecked);
-  const handleClick = e => {
-    if (!inputProps.disabled) {
-      if (inputProps.checked === undefined) setChecked(prev => !prev);
-      if (onChange) onChange(e);
-    }
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: (0, _clsx.default)(_CheckboxModule.default.checkbox, className),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
-        className: _CheckboxModule.default.checkbox__input,
-        ...inputProps,
-        type: props.type || 'checkbox'
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
-        onClick: handleClick,
-        className: (0, _clsx.default)(_CheckboxModule.default.checkbox__label, _CheckboxModule.default['checkbox_' + size], _CheckboxModule.default['checkbox_' + variant], _CheckboxModule.default['checkbox_' + color], {
-          [_CheckboxModule.default.checkbox__label_checked]: inputProps.checked !== undefined ? inputProps.checked : checked,
-          [_CheckboxModule.default.checkbox__label_intermediate]: !!intermediate,
-          [_CheckboxModule.default.checkbox__label_disabled]: !!inputProps.disabled
-        }),
-        children: label && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: _CheckboxModule.default.checkbox__text,
-          children: label
-        })
-      })]
-    })
-  });
-};
-var _default = Checkbox;
-exports.default = _default;
-module.exports = exports.default;

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

@@ -1,297 +0,0 @@
-@import "../../../assets/styles";
-
-.checkbox{
-  position: relative;
-}
-.checkbox__input{
-  display: none;
-}
-.checkbox__label{
-  cursor: pointer;
-  text-align: left;
-  position: relative;
-  display: block;
-  font-size: 16px;
-  line-height: 1.2;
-  width:22px;
-  height: 22px;
-  & .checkbox__text{
-    display: block;
-    padding-left: 31px;
-  }
-  &:before{
-    width: 100%;
-    height: 100%;
-    border-radius: $radius;
-    border: 1px solid $color-gray-700;
-    background: #fff;
-    position: absolute;
-    content: '';
-    left: 0;
-    top: -3px;
-  }
-  &:after{
-    content: '';
-    position: absolute;
-    transform: rotate(45deg);
-    left: 9px;
-    top: 1px;
-    width: 5px;
-    height: 10px;
-    border-bottom: 2px solid;
-    border-right: 2px solid;
-    display: none;
-  }
-  & span{
-    display: inline-block;
-    padding-left: 5px;
-  }
-}
-
-.checkbox_medium{
-  width:18px;
-  height: 18px;
-  & .checkbox__text{
-    //padding-left: 27px;
-  }
-  &:after{
-    left: 7px;
-    top: 1px;
-  }
-  &:before{
-    top:-1px;
-  }
-}
-.checkbox_small{
-  font-size: 14px;
-  width:16px;
-  height: 16px;
-  & .checkbox__text{
-    padding-left: 25px;
-  }
-  &:after{
-    left: 7px;
-    top: 1px;
-    height: 8px;
-    width: 3px;
-  }
-  &:before{
-    top: -2px;
-  }
-}
-.checkbox__label_intermediate{
-  &:after{
-    border-left: none;
-    width: 16px;
-    transform: none;
-    top: 7px;
-    height: 0;
-    left: 4px;
-    border-right: none;
-  }
-  &.checkbox_medium:after{
-    width: 12px;
-  }
-  &.checkbox_small:after{
-    width: 10px;
-    top: 6px;
-  }
-}
-
-.checkbox__label_intermediate,
-.checkbox__label_checked{
-  &:before{
-    border-color: transparent;
-    background: $color-primary;
-  }
-  &:after{
-    border-color: #fff;
-    display: block;
-  }
-  &.checkbox_secondary{
-    &:before{
-      background: $color-secondary;
-    }
-  }
-
-  &.checkbox_contained{
-    &.checkbox_secondary{
-      &:before{
-        background: $color-secondary;
-      }
-    }
-    &.checkbox_neutral{
-      &:before{
-        background: $color-neutral;
-      }
-    }
-    &.checkbox_success{
-      &:before{
-        background: $color-success;
-      }
-    }
-    &.checkbox_error{
-      color: $color-error-dark;
-      &:before{
-        background: $color-error-dark;
-      }
-    }
-    &.checkbox_warning{
-      &:before{
-        background: $color-warning;
-      }
-    }
-  }
-}
-.checkbox_outlined{
-  &:before{
-    background: transparent;
-    border-color: $color-primary;
-  }
-  &:after{
-    border-color: $color-primary;
-  }
-  &.checkbox_secondary{
-    &:before{
-      border-color: $color-secondary;
-    }
-    &:after{
-      border-color: $color-secondary;
-    }
-  }
-  &.checkbox_neutral{
-    &:before{
-      border-color: $color-neutral;
-    }
-    &:after{
-      border-color: $color-neutral;
-    }
-  }
-  &.checkbox_success{
-    &:before{
-      border-color: $color-success;
-    }
-    &:after{
-      border-color: $color-success;
-    }
-  }
-  &.checkbox_error{
-    color: $color-error-dark;
-    &:before{
-      border-color: $color-error-dark;
-    }
-    &:after{
-      border-color: $color-error-dark;
-    }
-  }
-  &.checkbox_warning{
-    &:before{
-      border-color: $color-warning;
-    }
-    &:after{
-      border-color: $color-warning;
-    }
-  }
-}
-
-.checkbox__label_disabled{
-  color: $color-gray-500 !important;
-  pointer-events: none;
-  &:before{
-    background-color: $color-gray-400;
-  }
-  &:after{
-    border-color: $color-gray-200;
-  }
-  &.checkbox_outlined{
-    &:before{
-      background-color: transparent;
-      border-color: $color-gray-200;
-    }
-    &:after{
-      border-color: $color-gray-200;
-    }
-  }
-}
-
-.radio{
-  & .checkbox__label{
-    &:before{
-      border-radius: 50%;
-    }
-    &:after{
-      border: none;
-      border-radius: 50%;
-      background: $color-primary;
-      width: 12px;
-      height: 12px;
-      margin-top: -2px;
-      margin-left: 1px;
-      top:50%;
-      left:50%;
-      transform: translate(-50%, -50%);
-    }
-    &.checkbox_medium{
-      &:after{
-        width: 8px;
-        height: 8px;
-        margin-top: 0;
-      }
-    }
-    &.checkbox_small{
-      &:after{
-        width: 6px;
-        height: 6px;
-        margin-top: -1px;
-      }
-    }
-    &.checkbox_error:before{
-      border-color: $color-error-dark;
-    }
-    &.checkbox_secondary:before{
-      border-color: $color-secondary;
-    }
-    &.checkbox_success:before{
-      border-color: $color-success;
-    }
-    &.checkbox_warning:before{
-      border-color: $color-warning;
-    }
-    &.checkbox_neutral:before{
-      border-color: $color-neutral;
-    }
-    &.checkbox_error:after{
-      background: $color-error-dark;
-    }
-    &.checkbox_secondary:after{
-      background: $color-secondary;
-    }
-    &.checkbox_success:after{
-      background: $color-success;
-    }
-    &.checkbox_warning:after{
-      background: $color-warning;
-    }
-    &.checkbox_neutral:after{
-      background: $color-neutral;
-    }
-    &_disabled:after{
-      background: $color-gray-200 !important;
-    }
-    &.checkbox_contained:after{
-      background: #fff;
-    }
-
-    &.checkbox__label_disabled:before{
-      background: transparent !important;
-      border-color: $color-gray-400;
-    }
-    &_checked{
-      &.checkbox__label_disabled:before{
-        background: #B1BCC6 !important;
-      }
-    }
-
-
-  }
-}

package/cjs/ui/Form/Checkbox/Radio.js

@@ -1,21 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _Checkbox = _interopRequireDefault(require("./Checkbox"));
-var _CheckboxModule = _interopRequireDefault(require("./Checkbox.module.scss"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _jsxRuntime = require("react/jsx-runtime");
-const Radio = props => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
-      ...props,
-      className: (0, _clsx.default)(props.className, _CheckboxModule.default.radio, _CheckboxModule.default['radio_' + props.size || 'large'], _CheckboxModule.default['radio_' + props.color || 'primary']),
-      type: 'radio'
-    })
-  });
-};
-var _default = Radio;
-exports.default = _default;
-module.exports = exports.default;

package/cjs/ui/Form/DateField/DateField.js

@@ -1,71 +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 _Card = _interopRequireDefault(require("../../Card/Card"));
-var _DatePicker = _interopRequireDefault(require("../DatePicker/DatePicker"));
-var _jsxRuntime = require("react/jsx-runtime");
-const DateInput = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  let {
-    showTime,
-    showTimeOnly,
-    ...restProps
-  } = props;
-  let inputIcon = showTime && showTimeOnly ? 'schedule' : 'calendar_today';
-  console.log(restProps);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
-    ref: ref,
-    ...restProps,
-    endAdornment: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
-      size: 'medium',
-      variant: 'transparent',
-      onClick: props.onClick,
-      color: 'neutral',
-      className: 'material_icon',
-      children: inputIcon
-    })
-  });
-});
-const DateField = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  let {
-    onChange,
-    format = 'dd.MM.yyyy',
-    onInput,
-    showTime,
-    showTimeOnly,
-    ...restProps
-  } = props;
-  let [date, setDate] = (0, _react.useState)(null);
-  if (showTime && !showTimeOnly) format = 'dd.MM.yyyy HH:mm';else if (showTimeOnly) format = 'HH:mm';
-  const handleChange = d => {
-    setDate(d);
-    if (onChange) onChange(d);
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
-      onChange: handleChange,
-      selected: date,
-      showTimeSelect: !!showTime,
-      timeIntervals: 15,
-      showTimeSelectOnly: !!showTimeOnly && !!showTime,
-      customInput: /*#__PURE__*/(0, _jsxRuntime.jsx)(DateInput, {
-        showTime: showTime,
-        showTimeOnly: showTimeOnly,
-        ref: ref,
-        ...restProps
-      }),
-      inline: false,
-      calendarContainer: _Card.default,
-      popperPlacement: "top-end",
-      dateFormat: format
-    })
-  });
-});
-var _default = DateField;
-exports.default = _default;
-module.exports = exports.default;

package/cjs/ui/Form/DateField/TimeField.js

@@ -1,19 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _DateField = _interopRequireDefault(require("./DateField"));
-var _jsxRuntime = require("react/jsx-runtime");
-const TimeField = props => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateField.default, {
-      ...props,
-      showTime: true,
-      showTimeOnly: true
-    })
-  });
-};
-var _default = TimeField;
-exports.default = _default;
-module.exports = exports.default;

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

@@ -1,51 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _react = require("react");
-var _reactDatepicker = _interopRequireWildcard(require("react-datepicker"));
-require("!style-loader!css-loader!./styles.css");
-var _ru = _interopRequireDefault(require("date-fns/locale/ru"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-// import './styles.css'
-
-(0, _reactDatepicker.registerLocale)('ru', _ru.default);
-const renderDayContents = day => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: 'customDay',
-    children: day
-  });
-};
-const DatePicker = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  let {
-    onChange,
-    selectsRange = false,
-    ...restProps
-  } = props;
-  const handleChange = (date, event) => {
-    if (onChange) onChange(date, event);
-  };
-  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',
-        onChange: handleChange,
-        inline: true,
-        renderDayContents: renderDayContents,
-        ...restProps,
-        selectsRange: selectsRange,
-        onBlur: () => {
-          console.log(1);
-        }
-      })
-    })
-  });
-});
-var _default = DatePicker;
-exports.default = _default;
-module.exports = exports.default;

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

@@ -1,29 +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 PeriodSelect = () => {
-  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__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, {
-      selected: startDate,
-      onChange: handleChange,
-      startDate: startDate,
-      endDate: endDate,
-      selectsRange: true
-    })
-  });
-};
-var _default = PeriodSelect;
-exports.default = _default;
-module.exports = exports.default;