intelicoreact 1.5.14 → 1.5.16

package/dist/Atomic/FormElements/Label/Label.js

@@ -12,7 +12,7 @@ require("./Label.scss");
 const Label = _ref => {
   let {
     className = "",
-    label,
+    label = "",
     note,
     hint,
     isRequired,
@@ -22,17 +22,19 @@ const Label = _ref => {
     isAccessability = false,
     isAccessabilityHint = false
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("span", {
-    tabIndex: isAccessability ? 0 : -1,
-    "aria-label": label,
-    className: (0, _classnames.default)("label", {
-      label_bold: isLabelBolt,
-      error: error,
-      isRequired: isRequired
-    }, className)
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "label_text"
-  }, label), note && /*#__PURE__*/_react.default.createElement("span", {
+  const correctLabel = isRequired ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, label, " ", /*#__PURE__*/_react.default.createElement("span", {
+    className: "label_asterisk"
+  }, "*"), " ", note && /*#__PURE__*/_react.default.createElement("span", {
+    className: "label_note"
+  }, note), hint && /*#__PURE__*/_react.default.createElement(_Hint.default, {
+    isAccessability: isAccessabilityHint,
+    hint: hint.text,
+    icon: hint.icon,
+    variant: hint.variant,
+    side: hint.hintSide,
+    className: "label-hint",
+    onClickCallback: onClickHintCallback
+  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, label, " ", note && /*#__PURE__*/_react.default.createElement("span", {
     className: "label_note"
   }, note), hint && /*#__PURE__*/_react.default.createElement(_Hint.default, {
     isAccessability: isAccessabilityHint,
@@ -43,5 +45,16 @@ const Label = _ref => {
     className: "label-hint",
     onClickCallback: onClickHintCallback
   }));
+  return /*#__PURE__*/_react.default.createElement("span", {
+    tabIndex: isAccessability ? 0 : -1,
+    "aria-label": label,
+    className: (0, _classnames.default)("label", {
+      label_bold: isLabelBolt,
+      error: error,
+      isRequired: isRequired
+    }, className)
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "label_text"
+  }, correctLabel));
 };
 var _default = exports.default = Label;

package/dist/Atomic/FormElements/Label/Label.scss

@@ -1,24 +1,22 @@
 .label {
-  display: flex;
+  position: relative;
+  display: inline-flex;
   align-items: center;
   margin-bottom: 5px;
 
   font-size: 13px;
+  width: 100%;
 
   color: #1e1e2d;
 
   .label_text {
-    position: relative;
+    vertical-align: middle;
+    width: 100%;
+    word-wrap: break-word;
+    white-space: normal;
   }
 
-  &.isRequired  .label_text {
-    margin-right: 8px;
-  }
-
-  &.isRequired  .label_text::after {
-    content: '*';
-    position: absolute;
-    right: -8px;
+  &.isRequired .label_asterisk {
     color: red;
   }
 
@@ -26,11 +24,8 @@
     font-weight: 500;
   }
 
+  &_note,
   &-hint {
-    margin-left: 5px;
-  }
-
-  &_note {
     margin-left: 4px;
   }
 }

package/dist/Functions/dateTime.js

@@ -11,7 +11,7 @@ var _moment = _interopRequireDefault(require("moment"));
  * @constant {Object} DATETIME_FORMATS
  * @description Все доступные форматы дат и времени.
  */
-const DATETIME_FORMATS = exports.DATETIME_FORMATS = {
+const DATETIME_FORMATS = exports.DATETIME_FORMATS = Object.freeze({
   // Основные форматы
   DATE_FORMAT: "YYYY-MM-DD",
   // Стандартный формат даты
@@ -58,63 +58,108 @@ const DATETIME_FORMATS = exports.DATETIME_FORMATS = {
   MONTH_DAY: "MM/DD",
   // Только месяц и день
   YEAR_MONTH_DAY: "YYYY/MM/DD" // Год/Месяц/День
-};
+});
+const formatMap = Object.freeze({
+  [DATETIME_FORMATS.DATE_FORMAT]: "YYYY-MM-DD",
+  // Стандартный формат даты
+  [DATETIME_FORMATS.DATE_WITHOUT_SEPARATORS]: "MMDDYYYY",
+  // Без разделителей
+  [DATETIME_FORMATS.VALIDATION_DATE_FORMAT]: "MM/DD/YYYY",
+  // Для валидации
+  [DATETIME_FORMATS.INPUT_DATE_FORMAT]: "MM.DD.YYYY",
+  // Формат для ввода
+  [DATETIME_FORMATS.INPUT_TIME_FORMAT]: "YYYY-MM-DD HH:mm:SS",
+  // Ввод времени
+  [DATETIME_FORMATS.TIME_FORMAT_WSPACE]: "YYYY-MM-DD HH:mm:SS",
+  // Время с пробелом
+  [DATETIME_FORMATS.TIME_FORMAT]: "YYYY-MM-DDTHH:mm:SS",
+  // Время с T (ISO формат)
+  [DATETIME_FORMATS.DATE_FORMAT_WITH_SLASH]: "MM/DD/YYYY",
+  // Дата с разделителем /
+  [DATETIME_FORMATS.DATE_WITH_DASHES]: "MM-DD-YYYY",
+  // Дата с дефисами
+  [DATETIME_FORMATS.DATE_WITH_DOTS]: "DD.MM.YYYY",
+  // Дата с точками
+  [DATETIME_FORMATS.DATE_WITH_COMMA]: "DD,MM,YYYY",
+  // Дата с запятыми
+  [DATETIME_FORMATS.FULL_DATE_TIME]: "YYYY-MM-DD HH:mm:ss",
+  // Полная дата и время
+  [DATETIME_FORMATS.ISO_DATE_TIME]: "YYYY-MM-DDTHH:mm:ss.SSSZ",
+  // ISO стандарт с миллисекундами
+  [DATETIME_FORMATS.LOCALIZED_DATE]: "MMMM DD, YYYY",
+  // Локализованный формат с полным названием месяца
+  [DATETIME_FORMATS.SHORT_DATE]: "MM/DD/YY",
+  // Краткая дата
+  [DATETIME_FORMATS.SHORT_DATE_WITH_TIME]: "MM/DD/YY HH:mm",
+  // Краткая дата с временем
+  [DATETIME_FORMATS.TIME_24H]: "HH:mm",
+  // Время в 24-часовом формате
+  [DATETIME_FORMATS.TIME_12H]: "hh:mm A",
+  // Время в 12-часовом формате
+  [DATETIME_FORMATS.TIME_12H_WITH_SECONDS]: "hh:mm:ss A",
+  // Время в 12-часовом формате с секундами
+  [DATETIME_FORMATS.TIME_24H_WITH_SECONDS]: "HH:mm:ss",
+  // Время в 24-часовом формате с секундами
+  [DATETIME_FORMATS.MONTH_DAY]: "MM/DD",
+  // Только месяц и день
+  [DATETIME_FORMATS.YEAR_MONTH_DAY]: "YYYY/MM/DD" // Год/Месяц/День
+});
 
 /**
  * @constant {Object} DATE_UNITS
  * @description Единицы времени, которые могут быть использованы для работы с датами.
  */
-const DATE_UNITS = exports.DATE_UNITS = {
-  YEARS: {
+const DATE_UNITS = exports.DATE_UNITS = Object.freeze({
+  YEARS: Object.freeze({
     YEARS: "years",
     YEAR: "year",
     Y: "y",
     TEMPLATE: "YYYY"
-  },
-  MONTHS: {
+  }),
+  MONTHS: Object.freeze({
     MONTHS: "months",
     MONTH: "month",
     MON: "M",
     TEMPLATE: "MM"
-  },
-  DAYS: {
+  }),
+  DAYS: Object.freeze({
     DAYS: "days",
     DAY: "day",
     D: "d",
     TEMPLATE: "DD"
-  },
-  HOURS: {
+  }),
+  HOURS: Object.freeze({
     HOURS: "hours",
     HOUR: "hour",
     H: "h",
     TEMPLATE: "HH"
-  },
-  WEEKS: {
+  }),
+  WEEKS: Object.freeze({
     WEEKS: "weeks",
     WEEK: "week",
     W: "w"
-  },
-  QUARTERS: {
+  }),
+  QUARTERS: Object.freeze({
     QUARTERS: "quarters",
     QUARTER: "quarter",
     Q: "Q"
-  },
-  MINUTES: {
+  }),
+  MINUTES: Object.freeze({
     MINUTES: "minutes",
     MINUTE: "minute",
     MIN: "m"
-  },
-  SECONDS: {
+  }),
+  SECONDS: Object.freeze({
     SECONDS: "seconds",
     SECOND: "second",
     S: "s"
-  },
-  MILLISECONDS: {
+  }),
+  MILLISECONDS: Object.freeze({
     MILLISECONDS: "milliseconds",
     MILLISECOND: "millisecond",
     MS: "ms"
-  }
-};
+  })
+});
 
 /**
  * Функция для парсинга и форматирования строки с датой в указанный формат.
@@ -129,10 +174,11 @@ const DATE_UNITS = exports.DATE_UNITS = {
  */
 function parseAndFormatDate(value) {
   let outputFormat = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DATETIME_FORMATS.INPUT_DATE_FORMAT;
-  if (!value || typeof value !== "string") throw new Error("Invalid date value");
-  for (let format of Object.values(DATETIME_FORMATS)) {
-    if ((0, _moment.default)(value, format, true).isValid()) {
-      return (0, _moment.default)(value, format).format(outputFormat);
+  if (!value || typeof value !== "string") return value;
+  for (let format in formatMap) {
+    const parsedDate = (0, _moment.default)(value, formatMap[format], true);
+    if (parsedDate.isValid()) {
+      return parsedDate.format(outputFormat);
     }
   }
   return value;

package/dist/Functions/useMediaQuery.js

@@ -5,27 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
-var _utils = require("./utils");
-function useMediaQuery(query) {
-  const getMatches = (0, _react.useMemo)(() => {
-    return inputQuery => {
-      if (typeof window !== "undefined" && "matchMedia" in window) {
-        return window.matchMedia(inputQuery).matches;
-      }
-      return false;
-    };
-  }, []);
-  const [matches, setMatches] = (0, _react.useState)(getMatches(query));
-  (0, _react.useEffect)(() => {
-    if (typeof window !== "undefined" && "matchMedia" in window) {
-      const matchMedia = window.matchMedia(query);
-      const debouncedChangeHandler = (0, _utils.debounce)(() => setMatches(getMatches(query)), 300);
-      matchMedia === null || matchMedia === void 0 || matchMedia.addEventListener("change", debouncedChangeHandler);
-      return () => {
-        matchMedia === null || matchMedia === void 0 || matchMedia.removeEventListener("change", debouncedChangeHandler);
-      };
-    }
-  }, [query, getMatches]);
-  return matches;
+function subscribe(callback) {
+  const observer = new ResizeObserver(() => callback());
+  observer.observe(document.documentElement);
+  return () => observer.disconnect();
 }
+const useMediaQuery = query => {
+  return (0, _react.useSyncExternalStore)(subscribe, () => window.matchMedia(query).matches, () => false);
+};
 var _default = exports.default = useMediaQuery;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelicoreact",
-  "version": "1.5.14",
+  "version": "1.5.16",
   "description": "",
   "main": "dist/index.js",
   "files": [