@it-enterprise/forcebpm-ui-kit 1.0.2-beta.3 → 1.0.2-beta.31

package/src/locales/uk.json

@@ -0,0 +1,116 @@
+{
+  "tokenRefresh": "Сеанс оновлюється... Будь-ласка, зачекайте",
+  "login": {
+    "title": "Вхід",
+    "welcome": "Ласкаво просимо! Будь ласка, виберіть спосіб входу в систему",
+    "subTitle": "Введіть ваші логін та пароль для входу в систему",
+    "rememberMe": "Запам'ятати мене",
+    "login": "Логін",
+    "loginPlaceholder": "Введіть логін",
+    "password": "Пароль",
+    "passwordPlaceholder": "Введіть пароль",
+    "loggedIn": "Ви вже увійшли в систему!",
+    "loginSuccess": "Вхід виконано успішно",
+    "loginFail": "Не вдалося увійти в систему, спробуйте ще раз ",
+    "loginError": "Помилка входу в систему, зверніться у підтримку",
+    "forgotPassword": "Забули пароль?",
+    "errorLoginOrPass": "Невірний логін або пароль",
+    "loginConfirmation": "Підтвердження входу",
+    "confirmationCode": "Код підтвердження"
+  },
+  "errorPage": {
+    "title": "Упс... Щось пішло не так :(",
+    "youCan": "однак ви можете",
+    "checkConnection": "перевірте інтернет-з'єднання і спробуйте знову",
+    "networkError": "Немає підключення до сервера",
+    "error400": "Поганий запит",
+    "error404": "Такої сторінки не існує",
+    "error500": "Помилка сервера, зверніться до підтримки",
+    "error503": "Сервіс недоступний, спробуйте пізніше",
+    "errorUnknown": "Сталася невідома помилка, зверніться до підтримки"
+  },
+  "buttons": {
+    "share": "Поділитися",
+    "collect": "Зібрати",
+    "select": "Вибрати",
+    "apply": "Застосувати",
+    "cancel": "Скасувати",
+    "login": "Вхід",
+    "smartID": "Smart ID",
+    "logout": "Вихід",
+    "refresh": "Оновити",
+    "edit": "Редагувати",
+    "editParams": "Редагувати параметри",
+    "delete": "Видалити",
+    "save": "Зберегти",
+    "close": "Закрити",
+    "toBack": "Назад",
+    "rename": "Перейменувати",
+    "yes": "Так",
+    "no": "Ні",
+    "home": "Повернутися на головну",
+    "reload": "Перезавантажити"
+  },
+  "user": {
+    "telephone": "Номер телефону",
+    "position": "Посада",
+    "department": "Департамент",
+    "executor": "Виконавець",
+    "executors": "Виконавці",
+    "candidate": "Кандидат",
+    "candidates": "Кандидати",
+    "initiator": "Ініціатор",
+    "inform": "До відома",
+    "executorLists": "Списки виконавців",
+    "usersByGroup": "Користувачі за групами",
+    "usersByPosition": "Користувачі за посадою",
+    "allUsers": "Всі користувачі",
+    "allUsersAndGroups": "Всі користувачі та групи",
+    "selectGroup": "Вибрати групу",
+    "selectAllFromList": "Вибрати всіх зі списку",
+    "colorTheme": "Кольорова тема",
+    "darkTheme": "Темна тема",
+    "version": "Версія",
+    "delegateRights": "Делегувати права",
+    "delegatedRights": "Делегування прав"
+  },
+  "notification": {
+    "title": "Cповіщення",
+    "unmute": "Увімкнути спливаючі сповіщення",
+    "mute": "Вимкнути спливаючі сповіщення",
+    "read": "Прочитані",
+    "unread": "Непрочитані",
+    "markAllAsRead": "Позначити всі як прочитані",
+    "markAsRead": "Позначити як прочитане"
+  },
+  "tooltip": {
+    "actions": "Додаткові дії",
+    "filter": "Фільтр",
+    "sort": "Сортування",
+    "search": "Пошук",
+    "calendar": "Календар",
+    "clearDate": "Очистити дату"
+  },
+  "noData": {
+    "title": "Немає доступних даних",
+    "matches": "Співпадінь не знайдено",
+    "notification": "Немає повідомлень"
+  },
+  "pickers": {
+    "from": "Від",
+    "to": "До",
+    "time": "Час",
+    "periodName": "Період",
+    "dFormat": "дд",
+    "mFormat": "мм",
+    "yFormat": "рррр",
+    "hFormat": "гг",
+    "minFormat": "хх"
+  },
+  "pagination": {
+    "itemsPerPage": "Елементів на сторінці",
+    "total": "Всього елементів",
+    "of": "з",
+    "all": "Всі"
+  }
+}

package/src/utils/color.js

@@ -0,0 +1,38 @@
+/**
+ * Converts a hexadecimal color code to RGBA format string.
+ *
+ * @param {string} hex - The hexadecimal color code (with or without '#' prefix).
+ *                       Supports both 3-digit (#RGB) and 6-digit (#RRGGBB) formats.
+ * @param {number} alpha - The alpha transparency value (0-1 or 0-255 depending on usage).
+ * @returns {string|null} An RGBA color string in the format 'rgba(r, g, b, a)' or null if hex is falsy.
+ *
+ * @example
+ * hexToRGBA('#FF5733', 0.5) // Returns 'rgba(255, 87, 51, 0.5)'
+ * hexToRGBA('ABC', 1) // Returns 'rgba(170, 187, 204, 1)'
+ * hexToRGBA(null, 1) // Returns null
+ */
+export const hexToRGBA = (hex, alpha) => {
+  if (!hex) return null
+  const result = hex
+    .replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (m, r, g, b) => '#' + r + r + g + g + b + b)
+    .substring(1)
+    .match(/.{2}/g)
+    .map(x => parseInt(x, 16))
+  result.push(alpha)
+  return `rgba(${result.join(', ')})`
+}
+
+/**
+ * Creates a radial gradient CSS string with specified colors and opacity transitions.
+ * @param {string} mainColor - The primary color in hex format (e.g., '#FF0000')
+ * @param {string} spreadColor - The secondary color in hex format that fades to transparent at the outer edge
+ * @returns {string} A CSS radial-gradient string with three color stops at 0%, 31.56%, and 57.76%
+ */
+export const createRadialGradient = (mainColor, spreadColor) => {
+  return `radial-gradient(83.34% 88.78% at 50.00% 50.00%, ${hexToRGBA(mainColor, 0.25)} 0%, ${hexToRGBA(mainColor, 0.08)} 31.56%, ${hexToRGBA(spreadColor, 0)} 57.76%)`
+}
+
+export const colorCollection = {
+  light: ['#5400A1', '#038D00', '#0051DC', '#EE6D10', '#DC005C', '#7400CF', '#006794', '#0B14EF', '#CA00DC', '#007B5E'],
+  dark: ['#8848C5', '#6A9269', '#6E96DB', '#D45496', '#0081B9', '#D1AD55', '#DC7B7B', '#614FCF', '#007B5E', '#AF3EB9']
+}