intelicoreact 1.5.32 → 1.5.34

package/dist/Atomic/FormElements/Text/Text.js

@@ -1,114 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-require("./Text.scss");
-const RC = "text";
-
-/**
- *
- * @param value
- * @param className
- * @param classesObj
- * @param icon
- * @param link
- * @param align
- * @param testId
- * @return {JSX.Element|null}
- * @constructor
- */
-
-//? Прототип лежит на проекте кабинета src\JS\Components\Atomic\FormElements\Text\Text.js
-//? Что поменял?
-//?   - в верстке убрал дополнительную вложенность
-//?     (теперь только 1 внешний контейнер, доп. классы назначаются рядом с className)
-//?   - убрал пропы as и isTitle, они были для работы с предзаданными классами связанными с токенизацией
-//?     возможность прокинуть доп. классы объектом с условиями оставил через пропу classesObj
-//?   - заменил пропу text на value
-//?   - заменил пропу iconMain на icon
-//?   - переработал пропу link, может быть строкой или объектом
-//?     если это объект, то у него могут быть свойства
-//?       - path - значение для href
-
-//?       - target - значение для атрибута target, имеет смысл передавать, если не передаются onClick или redirect
-
-//?       - onClick - альтернативный обработчик нажатия, если он есть то он будет ипользован в приоритете,
-//?         ф-я будет вызвана с 1 аргументом - props, в объекте props будет свойство ev (event) и все содержание link,
-//?         по умолчанию до использования onClick будут вызваны e.preventDefault() и e.stopPropagation
-
-//?       - redirect - альтернативный исполнитель редиректа (например history.push),
-//?         если есть и нет onClick - будет вызван с одним аргументом (link.path)
-
-//?       - isNoPreventDefault - отключает вызов e.preventDefault перед вызовом onClick или redirect
-
-//?       - isNoStopPropagation - отключает вызов e.preventDefault перед вызовом onClick или redirect
-
-const Text = _ref => {
-  let {
-    value,
-    className,
-    classesObj,
-    icon,
-    link,
-    align = "left",
-    testId = "text-lib-component"
-  } = _ref;
-  if (!value) return null;
-  const isLinkAsObj = link instanceof Object && !Array.isArray(link);
-  const isLinkAsString = typeof link === "string";
-  const isLink = isLinkAsObj || isLinkAsString;
-  const linkObj = isLinkAsObj ? link : {};
-  const {
-    path = "",
-    target,
-    redirect,
-    onClick: onClickInner,
-    isNoPreventDefault,
-    isNoStopPropagation
-  } = linkObj;
-  const preparedPath = (() => {
-    if (!isLink) return "";
-    return isLinkAsObj ? path : link;
-  })();
-  const atributes = {};
-  if (typeof onClickInner === "function" || typeof redirect === "function") {
-    atributes.onClick = function onClick(ev) {
-      if (!isNoPreventDefault) ev.preventDefault();
-      if (!isNoStopPropagation) ev.stopPropagation();
-
-      //? если переданы и onClick, и redirect, то onClick считается приоритетнее redirect
-      if (onClickInner) {
-        onClickInner({
-          ev,
-          ...link
-        });
-        return;
-      }
-      redirect(preparedPath);
-    };
-  }
-  const mainInner = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(RC, "__icon-container")
-  }, icon), value);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": testId,
-    className: (0, _classnames.default)(RC, className, {
-      ["".concat(RC, "-left")]: align === "left",
-      ["".concat(RC, "-center")]: align === "center",
-      ["".concat(RC, "-right")]: align === "right",
-      ["".concat(RC, "-justify")]: align === "justify",
-      ...classesObj
-    })
-  }, isLink ? /*#__PURE__*/_react.default.createElement("a", (0, _extends2.default)({}, atributes, {
-    href: preparedPath,
-    target: target !== null && target !== void 0 ? target : "_self",
-    rel: "noreferrer"
-  }), mainInner) : mainInner);
-};
-var _default = exports.default = Text;

package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.js

@@ -1,40 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-require("./TextSwitcher.scss");
-const RC = "text-switcher";
-const TextSwitcher = _ref => {
-  let {
-    isActive,
-    onChange,
-    className,
-    disabled,
-    activeText = "is",
-    inactiveText = "is not",
-    testId = ""
-  } = _ref;
-  const isUndefined = isActive === undefined || isActive === null;
-  return /*#__PURE__*/_react.default.createElement("button", {
-    testId: testId,
-    className: (0, _classnames.default)(RC, {
-      ["".concat(RC, "_active")]: isActive,
-      ["".concat(RC, "_disabled")]: disabled
-    }, className),
-    onClick: () => onChange(!isActive)
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "".concat(RC, "__btn")
-  }, activeText), inactiveText && /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)("".concat(RC, "__btn"), "".concat(RC, "__btn_off"))
-  }, inactiveText), !isUndefined && /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("".concat(RC, "__slider"), {
-      ["".concat(RC, "__slider_inactive")]: !isActive
-    })
-  }));
-};
-var _default = exports.default = TextSwitcher;

package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.scss

@@ -1,86 +0,0 @@
-@import "../../../scss/vars";
-
-.text-switcher {
-  position: relative;
-
-  display: grid;
-  justify-content: center;
-  align-items: center;
-  grid-template-columns: repeat(2, 1fr);
-
-  box-sizing: border-box;
-  padding: 2px;
-
-  font-size: 12px;
-  font-weight: 300;
-  font-style: normal;
-
-  border: 2px solid $color--error-bg;
-  border-radius: 26px;
-  background: #fff;
-
-  &__btn {
-    position: relative;
-    z-index: 2;
-
-    min-width: 58px;
-    height: 100%;
-    padding: 0 14px;
-
-    font-family: inherit;
-    font-size: inherit;
-    font-weight: inherit;
-    font-style: inherit;
-    line-height: inherit;
-    cursor: pointer;
-    white-space: nowrap;
-    text-transform: uppercase;
-
-    color: $green;
-
-    &_off {
-      color: $color--error;
-    }
-  }
-
-  &__slider {
-    position: absolute;
-    z-index: 0;
-    top: 0;
-    bottom: 0;
-    left: 0;
-
-    width: 50%;
-
-    border-radius: 28px;
-    background-color: $color--green-light;
-
-    transition:
-      left 0.3s ease,
-      background-color 0.3s ease;
-
-    &_inactive {
-      left: 50%;
-
-      background-color: $color--error-bg;
-    }
-  }
-
-  &_active {
-    border-color: $color--green-light;
-  }
-
-  &_disabled {
-    pointer-events: none;
-
-    opacity: 0.7;
-  }
-}
-
-.text-switcher_unsetted {
-  filter: grayscale(1);
-
-  .text-switcher__btn {
-    color: $color--gray !important;
-  }
-}

package/dist/Atomic/FormElements/Textarea/Textarea.js

@@ -1,71 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
-require("./Textarea.scss");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const RC = "textarea";
-const Textarea = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    id,
-    value,
-    onChange,
-    onFocus,
-    onBlur,
-    placeholder,
-    disabled,
-    className,
-    isNotValidateASCII = false,
-    testId = RC,
-    withAutoGrow,
-    onKeyDown = () => {}
-  } = _ref;
-  const internalRef = (0, _react.useRef)();
-  const textareaRef = ref || internalRef;
-  const handle = {
-    change: val => {
-      let inputValue = val;
-      if (!isNotValidateASCII) inputValue = (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(inputValue);
-      onChange(inputValue);
-    },
-    focus: e => {
-      onFocus === null || onFocus === void 0 || onFocus(e);
-    },
-    blur: e => {
-      onBlur === null || onBlur === void 0 || onBlur(e);
-    }
-  };
-  const autoGrow = el => {
-    el.style.height = "5px";
-    el.style.height = el.scrollHeight + "px";
-  };
-  (0, _react.useEffect)(() => {
-    if (withAutoGrow) {
-      autoGrow(textareaRef === null || textareaRef === void 0 ? void 0 : textareaRef.current);
-    }
-  }, [value, withAutoGrow]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": testId,
-    className: (0, _classnames.default)("".concat(RC), className)
-  }, /*#__PURE__*/_react.default.createElement("textarea", {
-    id: id !== null && id !== void 0 ? id : Math.random().toString(16).slice(2),
-    "data-testid": "".concat(testId, "-textarea"),
-    className: "".concat(RC, "__textarea"),
-    value: value,
-    onChange: e => handle.change(e.target.value),
-    placeholder: placeholder,
-    disabled: disabled,
-    onKeyDown: onKeyDown,
-    ref: textareaRef,
-    onFocus: handle.focus,
-    onBlur: handle.blur
-  }));
-});
-var _default = exports.default = Textarea;

package/dist/Atomic/FormElements/Textarea/Textarea.scss

@@ -1,40 +0,0 @@
-@import "../../../scss/vars";
-@import "../../../scss/mixins";
-
-.textarea {
-  &__textarea {
-    box-sizing: border-box;
-    width: 100%;
-    min-width: 223px;
-    min-height: 99px;
-    padding: 5px 9px;
-
-    font-family: Roboto, sans-serif;
-    font-size: 12px;
-    font-weight: 400;
-    resize: none;
-
-    border: 1px solid #e2e5ec;
-    outline: none;
-    background-color: #fff;
-
-    @include custom-scroll2;
-
-    &:focus {
-      border-color: $color--primary;
-      filter: drop-shadow(0 0 4px rgb(93 120 255 / 50%));
-    }
-
-    &:disabled {
-      pointer-events: none;
-
-      opacity: 0.5;
-      border-color: #a6acb1;
-      background: #f7f8fa;
-    }
-  }
-
-  // &-label {
-  //   margin-bottom: 5px;
-  // }
-}

package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.js

@@ -1,146 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _utils = require("../../../Functions/utils");
-var _CheckboxInput = _interopRequireDefault(require("../CheckboxInput/CheckboxInput"));
-var _AccordionWithCheckbox = _interopRequireDefault(require("./partial/AccordionWithCheckbox"));
-require("./TieredCheckboxes.scss");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const RC = "tiered-checkboxes";
-const TieredCheckboxes = _ref => {
-  let {
-    items = {},
-    className,
-    onChange,
-    isUseParentsClassesAsDataset,
-    isUseAccordionForGroup,
-    accordionIcons,
-    isOnlyOne = false,
-    sortGroups = false,
-    sortGroupItems = false
-  } = _ref;
-  const handle = {
-    changeParent: (value, key, prop) => {
-      const parent = items.find(item => item.key === key);
-      if (prop) parent[prop] = value;else parent.value = value;
-      if (!prop) {
-        if (value) parent.children.filter(_ref2 => {
-          let {
-            disabled
-          } = _ref2;
-          return !disabled;
-        }).forEach(item => item.value = true);else parent.children.filter(_ref3 => {
-          let {
-            disabled
-          } = _ref3;
-          return !disabled;
-        }).forEach(item => item.value = false);
-      }
-      onChange([...items]);
-    },
-    changeChild: (value, key, parentKey) => {
-      if (isOnlyOne) {
-        const parent = items.find(item => item.key === parentKey);
-        parent.children.find(item => item.key === key).value = value;
-        parent.children.map(item => {
-          if (item.key !== key && value === true) {
-            item.disabled = true;
-            parent.disabled = true;
-          } else if (item.key !== key && value === false) {
-            item.disabled = false;
-            parent.disabled = false;
-          } else item.disabled = false;
-          return item;
-        });
-        parent.disabled = true;
-      } else {
-        const parent = items.find(item => item.key === parentKey);
-        parent.children.find(item => item.key === key).value = value;
-        if (parent.children.every(item => item.value)) parent.value = true;else parent.value = false;
-      }
-      onChange([...items]);
-    },
-    isAllChecked: item => {
-      return (item === null || item === void 0 ? void 0 : item.children.some(item => item.value)) && !(item !== null && item !== void 0 && item.children.every(item => item.value));
-    }
-  };
-  const preparedItems = (0, _react.useMemo)(() => {
-    let newItems = [...items];
-    if (sortGroups) {
-      var _newItems;
-      newItems = (_newItems = newItems) === null || _newItems === void 0 ? void 0 : _newItems.sort(_utils.compareAlphabetical);
-    }
-    if (sortGroupItems) {
-      var _newItems2;
-      newItems = (_newItems2 = newItems) === null || _newItems2 === void 0 ? void 0 : _newItems2.map(parent => {
-        if (parent !== null && parent !== void 0 && parent.children) {
-          var _parent$children;
-          parent.children = parent === null || parent === void 0 || (_parent$children = parent.children) === null || _parent$children === void 0 ? void 0 : _parent$children.sort(_utils.compareAlphabetical);
-        }
-        return parent;
-      });
-    }
-    return newItems;
-  }, [items]);
-  const renderInner = parent => {
-    return parent.children && parent.children.map(child => /*#__PURE__*/_react.default.createElement("div", {
-      key: child.key,
-      className: "".concat(RC, "__children")
-    }, /*#__PURE__*/_react.default.createElement(_CheckboxInput.default, {
-      testId: child.key,
-      label: child.label,
-      value: child.value,
-      disabled: child === null || child === void 0 ? void 0 : child.disabled,
-      onChange: value => handle.changeChild(value, child.key, parent.key)
-    })));
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(RC, className)
-  }, preparedItems.map(parent => {
-    const datasetProp = isUseParentsClassesAsDataset && parent !== null && parent !== void 0 && parent.className ? {
-      "data-key": parent === null || parent === void 0 ? void 0 : parent.className
-    } : {};
-    if (isUseAccordionForGroup) {
-      return /*#__PURE__*/_react.default.createElement(_AccordionWithCheckbox.default, {
-        key: parent.key,
-        RC: RC,
-        parent: parent,
-        datasetProp: datasetProp,
-        isUseParentsClassesAsDataset: isUseParentsClassesAsDataset,
-        className: "".concat(RC, "__mono-accordion"),
-        setIsOpen: () => handle.changeParent(!parent.isOpen, parent.key, "isOpen"),
-        onChange: value => handle.changeParent(value, parent.key),
-        icon: !parent.isOpen ? (accordionIcons === null || accordionIcons === void 0 ? void 0 : accordionIcons[0]) || null : (accordionIcons === null || accordionIcons === void 0 ? void 0 : accordionIcons[1]) || null
-        // disabled={parent.children?.every?.((child) => child.disabled)}
-      }, renderInner(parent));
-    }
-    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, datasetProp, {
-      key: parent.key,
-      className: (0, _classnames.default)("".concat(RC, "__parents"), {
-        ["".concat(parent.className)]: !isUseParentsClassesAsDataset
-      })
-    }), /*#__PURE__*/_react.default.createElement(_CheckboxInput.default, {
-      isStark: handle.isAllChecked(parent),
-      label: parent.label,
-      value: parent.value,
-      onChange: value => handle.changeParent(value, parent.key),
-      disabled: parent.children.every(_ref4 => {
-        let {
-          disabled
-        } = _ref4;
-        return disabled === true;
-      }) || parent.disabled
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)("".concat(RC, "__parent__children"))
-    }, renderInner(parent)));
-  }));
-};
-var _default = exports.default = TieredCheckboxes;

package/dist/Atomic/FormElements/TieredCheckboxes/partial/AccordionWithCheckbox.js

@@ -1,55 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _MonoAccordion = _interopRequireDefault(require("../../../UI/MonoAccordion/MonoAccordion"));
-var _CheckboxInput = _interopRequireDefault(require("../../CheckboxInput/CheckboxInput"));
-require("../TieredCheckboxes.scss");
-const AccordionWithCheckbox = _ref => {
-  var _parent$children, _parent$children$some, _parent$children2, _parent$children2$eve, _parent$children3, _parent$children4;
-  let {
-    children,
-    parent,
-    onChange,
-    className,
-    RC,
-    setIsOpen,
-    icon,
-    disabled,
-    datasetProp,
-    isUseParentsClassesAsDataset
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_MonoAccordion.default, {
-    datasetProp: datasetProp,
-    className: (0, _classnames.default)(className, {
-      ["".concat(parent.className)]: !isUseParentsClassesAsDataset
-    }),
-    isOpen: parent.isOpen,
-    onClick: setIsOpen,
-    icon: icon,
-    disabled: disabled
-    // disabled={parent.children?.every?.((child) => child.disabled)}
-    ,
-    titleJSX: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_CheckboxInput.default, {
-      className: "".concat(RC, "__checkbox-input"),
-      isStark: (parent === null || parent === void 0 || (_parent$children = parent.children) === null || _parent$children === void 0 || (_parent$children$some = _parent$children.some) === null || _parent$children$some === void 0 ? void 0 : _parent$children$some.call(_parent$children, item => item.value)) && !(parent !== null && parent !== void 0 && (_parent$children2 = parent.children) !== null && _parent$children2 !== void 0 && (_parent$children2$eve = _parent$children2.every) !== null && _parent$children2$eve !== void 0 && _parent$children2$eve.call(_parent$children2, item => item.value)),
-      label: parent.label,
-      value: parent.value,
-      onChange: onChange,
-      disabled: parent.children.every(_ref2 => {
-        let {
-          disabled
-        } = _ref2;
-        return disabled === true;
-      }) || parent.disabled
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      className: "".concat(RC, "__description-checked")
-    }, parent !== null && parent !== void 0 && (_parent$children3 = parent.children) !== null && _parent$children3 !== void 0 && _parent$children3.length ? "Selected ".concat(parent.children.filter(child => child.value).length, " from ").concat((_parent$children4 = parent.children) === null || _parent$children4 === void 0 ? void 0 : _parent$children4.length) : null))
-  }, children);
-};
-var _default = exports.default = AccordionWithCheckbox;

package/dist/Atomic/FormElements/TimeRange/TimeRange.js

@@ -1,68 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _moment = _interopRequireDefault(require("moment"));
-var _useToggle = _interopRequireDefault(require("../../../Functions/useToggle"));
-var _Input = _interopRequireDefault(require("../Input/Input"));
-var _Label = _interopRequireDefault(require("../Label/Label"));
-require("./TimeRange.scss");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const TimeRange = _ref => {
-  let {
-    className,
-    from,
-    to,
-    labelFrom,
-    labelTo
-  } = _ref;
-  const [startTime, setStartTime] = (0, _react.useState)(from);
-  const [endTime, setEndTime] = (0, _react.useState)(to);
-
-  // eslint-disable-next-line no-unused-vars
-  const {
-    isToggled: isStartTimeValidate,
-    toggleOn: setIsStartTimeValidate
-  } = (0, _useToggle.default)();
-  // eslint-disable-next-line no-unused-vars
-  const {
-    isToggled: isEndTimeValidate,
-    toggleOn: setIsEndTimeValidate
-  } = (0, _useToggle.default)();
-  const isStartTimeValid = (0, _react.useMemo)(() => (0, _moment.default)(startTime, "HH:mm", true).isValid(), [startTime]);
-  const isEndTimeValid = (0, _react.useMemo)(() => (0, _moment.default)(endTime, "HH:mm", true).isValid(), [endTime]);
-  const blurTimeHandler = (time, setFunc) => {
-    const formattedTime = time ? (0, _moment.default)(time, "HH:mm").format("HH:mm") : "";
-    setFunc(formattedTime);
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(className, "time-range")
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "time-range__range"
-  }, /*#__PURE__*/_react.default.createElement(_Label.default, {
-    label: labelFrom || "Between"
-  }), /*#__PURE__*/_react.default.createElement(_Input.default, {
-    className: "time-range__input",
-    value: startTime,
-    onChange: value => setStartTime(value),
-    placeholder: "00:00",
-    onBlur: () => blurTimeHandler(startTime, setStartTime),
-    error: isStartTimeValidate || !isStartTimeValid ? "HH:MM format" : ""
-  }), /*#__PURE__*/_react.default.createElement(_Label.default, {
-    label: labelTo || "and"
-  }), /*#__PURE__*/_react.default.createElement(_Input.default, {
-    className: "time-range__input",
-    value: endTime,
-    onChange: value => setEndTime(value),
-    placeholder: "00:00",
-    onBlur: () => blurTimeHandler(endTime, setEndTime),
-    error: isEndTimeValidate || !isEndTimeValid ? "HH:MM format" : ""
-  })));
-};
-var _default = exports.default = TimeRange;

package/dist/Atomic/FormElements/TimeRange/TimeRange.scss

@@ -1,17 +0,0 @@
-.time-range {
-  &__input .form-input {
-    width: 60px;
-  }
-
-  &__range {
-    display: flex;
-    justify-content: flex-start;
-    align-items: center;
-
-    margin: 8px 0 13px;
-
-    & > *:not(:last-child) {
-      margin-right: 16px;
-    }
-  }
-}