indicator-ui 0.1.124 → 0.1.131

package/docs/Notes.md

@@ -1,189 +1,189 @@
-[🔙 Назад](../README.md)
-
-# Всякие интересные заметки
-
----
-
----
-
-## Перетаскивание файлов на ios (на других os apple тоже наверное)
-
-У *__Apple__* есть система перетаскивания файлов (к примеру изображений).
-
-Вот так
-
----
-
-<img src="./assets/Notes/apple/dragImage.png" style="width:200px;padding: 20px;">
-
----
-
-И при правильно написанном коде должен быть такой эффект.
-
-___
-
-<img src="./assets/Notes/apple/dragging.png" style="width:200px;padding: 20px;">
-
----
-
-Чтобы его получить надо навесить на элемент `dragover` слушатель и обязательно отменить ванильное поведение события.
-
-
-```typescript
-newEl.addEventListener("dragover", e => {
-    // Отменяем ванильное поведение события
-    e.preventDefault()
-    console.log('dragover')
-})
-```
-
----
-
----
-
-## Как дать возможность фокусироваться на элементе
-
-`TabIndex` дает возможность фокусироваться на элементе, нужно просто указать его.
-
----
-
----
-
-## `Keydown` событие
-
-`Keydown` событие срабатывает только на сфокусированном объекте и всплывает вверх по дереву, пока не встретит слушатель. 
-После обработки слушателем идет дальше - искать следующий (если не отменить всплытие). 
-
-
-
-## Про `TS`
-
-### Бесконечная рекурсия в типах или ***Type instantiation is excessively deep and possibly infinite.***
-
-Давайте рассмотрим такой пример рекурсивных типов.
-
-```typescript
-type GetBaseKeyChains<P extends string, T> =
-    IsAny<T> extends false
-        ? P | `${P}${GetDeepKeyChains<T> | GetArrayKeyChains<T>}`
-        : P | `${P}${'.' | '['}${string}`
-
-type GetArrayKeyChains<T> =
-    IsArray<T> extends false
-        ? never
-        : ClearArrayType<T> extends infer Arr
-            ? IsTuple<Arr> extends true
-                ? {
-                    [K in Extract<keyof Arr, `${number}`>]: GetBaseKeyChains<`[${K}]`, Arr[K]>
-                }[Extract<keyof Arr, `${number}`>]
-                : Arr extends any[]
-                    ? `[${number}]` | GetBaseKeyChains<`[${number}]`, Arr[number]>
-                    : never
-            : never
-
-type GetDeepKeyChains<T> =
-    IsObjectType<T> extends false
-        ? never
-        : ClearObjectType<T> extends infer Form
-            ? {
-                [K in Extract<keyof Form, string>]: GetBaseKeyChains<`.${K}`, Form[K]>
-            }[Extract<keyof Form, string>]
-            : never
-
-
-export type FormPath<T> = '' |
-    (
-        IsObjectType<T> extends false
-            ? GetArrayKeyChains<T>
-            : ClearObjectType<T> extends infer Form
-                ? {
-                    [K in Extract<keyof Form, string>]: GetBaseKeyChains<`${K}`, Form[K]>
-                }[Extract<keyof Form, string>]
-                : never
-        )
-```
-
-Как видно из примера, `GetBaseKeyChains` вызывает `GetArrayKeyChains` и `GetDeepKeyChains`,
-а они в свою очередь вызывают его, что создаёт рекурсию.
-
-Все бы хорошо, тип рабочий, всё правильно делает, но когда ты начинаешь его использовать в других типах,
-которые используются в других типах и т. д., `ts` начинает офигевать от "глубины" наших намерений и предлагает поумерить пыл.
-
-```
-TS2589: Type instantiation is excessively deep and possibly infinite.
-```
-
-Ошибка говорит о том, что слишком глубоко и, возможно, бесконечно.
-Чтобы не было бесконечно, у рекурсии обязательно должно быть условие выхода.
-Есть ли оно у этой?
-
-Да, есть — `IsObjectType<T> extends false ? never : ...` или `IsArray<T> extends false ? never :` или `IsAny<T> extends false ...`
-
-Но почему же `ts` всё равно ругается на `possibly infinite`? Ах да — `excessively deep`, `ts` ленивый.
-Если он видит, что тип вывести слишком тяжело, он такой: "Не братан, по-моему, тут слишком глубоко и бесконечно".
-
-На самом деле это круто, что есть такой защитный механизм, но как всё же победить это? Давайте разбираться.
-
-Один из способов (и это единственный, который мы рассмотрим, но он довольно логичный и исходит из защиты от слишком
-глубокой рекурсии в нормальных языках программирования) — это ограничить глубину рекурсии.
-
-```typescript
-type SafeRecursiveArr = [1, 2, 3, 4, 5]
-type SafeRecursiveStep<T> = T extends [infer _, ...infer Rest] ? Rest : never
-type CanContinueRecursive<T> = SafeRecursiveStep<T> extends never ? false : true
-```
-
-Здесь мы создали пару конструкций, которые помогут отслеживать возможность продолжать спуск и
-уменьшать счётчик допустимой глубины.
-
-Круто, теперь имплементируем это в наши изначальные типы.
-
-```typescript
-type GetBaseKeyChains<P extends string, T, SafeArr> =
-    CanContinueRecursive<SafeArr> extends false
-        ? never
-        : IsAny<T> extends false
-            ? P | `${P}${GetDeepKeyChains<T, SafeRecursiveStep<SafeArr>> | GetArrayKeyChains<T, SafeRecursiveStep<SafeArr>>}`
-            : P | `${P}${'.' | '['}${string}`
-
-type GetArrayKeyChains<T, SafeArr> =
-    CanContinueRecursive<SafeArr> extends false
-        ? never
-        : IsArray<T> extends false
-            ? never
-            : ClearArrayType<T> extends infer Arr
-                ? IsTuple<Arr> extends true
-                    ? {
-                        [K in Extract<keyof Arr, `${number}`>]: GetBaseKeyChains<`[${K}]`, Arr[K], SafeRecursiveStep<SafeArr>>
-                    }[Extract<keyof Arr, `${number}`>]
-                    : Arr extends any[]
-                        ? `[${number}]` | GetBaseKeyChains<`[${number}]`, Arr[number], SafeRecursiveStep<SafeArr>>
-                        : never
-                : never
-
-type GetDeepKeyChains<T, SafeArr> =
-    CanContinueRecursive<SafeArr> extends false
-        ? never
-        : IsObjectType<T> extends false
-            ? never
-            : ClearObjectType<T> extends infer Form
-                ? {
-                    [K in Extract<keyof Form, string>]: GetBaseKeyChains<`.${K}`, Form[K], SafeRecursiveStep<SafeArr>>
-                }[Extract<keyof Form, string>]
-                : never
-
-
-export type FormPath<T> = '' |
-    (
-        IsObjectType<T> extends false
-            ? GetArrayKeyChains<T, SafeRecursiveArr>
-            : ClearObjectType<T> extends infer Form
-                ? {
-                    [K in Extract<keyof Form, string>]: GetBaseKeyChains<`${K}`, Form[K], SafeRecursiveArr>
-                }[Extract<keyof Form, string>]
-                : never
-        )
-```
-
-Теперь `ts` будет нормально реагировать на использование типа `FormPath` в других типах,
-и можно не бояться увидеть сообщение об ошибке.
+[🔙 Назад](../README.md)
+
+# Всякие интересные заметки
+
+---
+
+---
+
+## Перетаскивание файлов на ios (на других os apple тоже наверное)
+
+У *__Apple__* есть система перетаскивания файлов (к примеру изображений).
+
+Вот так
+
+---
+
+<img src="./assets/Notes/apple/dragImage.png" style="width:200px;padding: 20px;">
+
+---
+
+И при правильно написанном коде должен быть такой эффект.
+
+___
+
+<img src="./assets/Notes/apple/dragging.png" style="width:200px;padding: 20px;">
+
+---
+
+Чтобы его получить надо навесить на элемент `dragover` слушатель и обязательно отменить ванильное поведение события.
+
+
+```typescript
+newEl.addEventListener("dragover", e => {
+    // Отменяем ванильное поведение события
+    e.preventDefault()
+    console.log('dragover')
+})
+```
+
+---
+
+---
+
+## Как дать возможность фокусироваться на элементе
+
+`TabIndex` дает возможность фокусироваться на элементе, нужно просто указать его.
+
+---
+
+---
+
+## `Keydown` событие
+
+`Keydown` событие срабатывает только на сфокусированном объекте и всплывает вверх по дереву, пока не встретит слушатель. 
+После обработки слушателем идет дальше - искать следующий (если не отменить всплытие). 
+
+
+
+## Про `TS`
+
+### Бесконечная рекурсия в типах или ***Type instantiation is excessively deep and possibly infinite.***
+
+Давайте рассмотрим такой пример рекурсивных типов.
+
+```typescript
+type GetBaseKeyChains<P extends string, T> =
+    IsAny<T> extends false
+        ? P | `${P}${GetDeepKeyChains<T> | GetArrayKeyChains<T>}`
+        : P | `${P}${'.' | '['}${string}`
+
+type GetArrayKeyChains<T> =
+    IsArray<T> extends false
+        ? never
+        : ClearArrayType<T> extends infer Arr
+            ? IsTuple<Arr> extends true
+                ? {
+                    [K in Extract<keyof Arr, `${number}`>]: GetBaseKeyChains<`[${K}]`, Arr[K]>
+                }[Extract<keyof Arr, `${number}`>]
+                : Arr extends any[]
+                    ? `[${number}]` | GetBaseKeyChains<`[${number}]`, Arr[number]>
+                    : never
+            : never
+
+type GetDeepKeyChains<T> =
+    IsObjectType<T> extends false
+        ? never
+        : ClearObjectType<T> extends infer Form
+            ? {
+                [K in Extract<keyof Form, string>]: GetBaseKeyChains<`.${K}`, Form[K]>
+            }[Extract<keyof Form, string>]
+            : never
+
+
+export type FormPath<T> = '' |
+    (
+        IsObjectType<T> extends false
+            ? GetArrayKeyChains<T>
+            : ClearObjectType<T> extends infer Form
+                ? {
+                    [K in Extract<keyof Form, string>]: GetBaseKeyChains<`${K}`, Form[K]>
+                }[Extract<keyof Form, string>]
+                : never
+        )
+```
+
+Как видно из примера, `GetBaseKeyChains` вызывает `GetArrayKeyChains` и `GetDeepKeyChains`,
+а они в свою очередь вызывают его, что создаёт рекурсию.
+
+Все бы хорошо, тип рабочий, всё правильно делает, но когда ты начинаешь его использовать в других типах,
+которые используются в других типах и т. д., `ts` начинает офигевать от "глубины" наших намерений и предлагает поумерить пыл.
+
+```
+TS2589: Type instantiation is excessively deep and possibly infinite.
+```
+
+Ошибка говорит о том, что слишком глубоко и, возможно, бесконечно.
+Чтобы не было бесконечно, у рекурсии обязательно должно быть условие выхода.
+Есть ли оно у этой?
+
+Да, есть — `IsObjectType<T> extends false ? never : ...` или `IsArray<T> extends false ? never :` или `IsAny<T> extends false ...`
+
+Но почему же `ts` всё равно ругается на `possibly infinite`? Ах да — `excessively deep`, `ts` ленивый.
+Если он видит, что тип вывести слишком тяжело, он такой: "Не братан, по-моему, тут слишком глубоко и бесконечно".
+
+На самом деле это круто, что есть такой защитный механизм, но как всё же победить это? Давайте разбираться.
+
+Один из способов (и это единственный, который мы рассмотрим, но он довольно логичный и исходит из защиты от слишком
+глубокой рекурсии в нормальных языках программирования) — это ограничить глубину рекурсии.
+
+```typescript
+type SafeRecursiveArr = [1, 2, 3, 4, 5]
+type SafeRecursiveStep<T> = T extends [infer _, ...infer Rest] ? Rest : never
+type CanContinueRecursive<T> = SafeRecursiveStep<T> extends never ? false : true
+```
+
+Здесь мы создали пару конструкций, которые помогут отслеживать возможность продолжать спуск и
+уменьшать счётчик допустимой глубины.
+
+Круто, теперь имплементируем это в наши изначальные типы.
+
+```typescript
+type GetBaseKeyChains<P extends string, T, SafeArr> =
+    CanContinueRecursive<SafeArr> extends false
+        ? never
+        : IsAny<T> extends false
+            ? P | `${P}${GetDeepKeyChains<T, SafeRecursiveStep<SafeArr>> | GetArrayKeyChains<T, SafeRecursiveStep<SafeArr>>}`
+            : P | `${P}${'.' | '['}${string}`
+
+type GetArrayKeyChains<T, SafeArr> =
+    CanContinueRecursive<SafeArr> extends false
+        ? never
+        : IsArray<T> extends false
+            ? never
+            : ClearArrayType<T> extends infer Arr
+                ? IsTuple<Arr> extends true
+                    ? {
+                        [K in Extract<keyof Arr, `${number}`>]: GetBaseKeyChains<`[${K}]`, Arr[K], SafeRecursiveStep<SafeArr>>
+                    }[Extract<keyof Arr, `${number}`>]
+                    : Arr extends any[]
+                        ? `[${number}]` | GetBaseKeyChains<`[${number}]`, Arr[number], SafeRecursiveStep<SafeArr>>
+                        : never
+                : never
+
+type GetDeepKeyChains<T, SafeArr> =
+    CanContinueRecursive<SafeArr> extends false
+        ? never
+        : IsObjectType<T> extends false
+            ? never
+            : ClearObjectType<T> extends infer Form
+                ? {
+                    [K in Extract<keyof Form, string>]: GetBaseKeyChains<`.${K}`, Form[K], SafeRecursiveStep<SafeArr>>
+                }[Extract<keyof Form, string>]
+                : never
+
+
+export type FormPath<T> = '' |
+    (
+        IsObjectType<T> extends false
+            ? GetArrayKeyChains<T, SafeRecursiveArr>
+            : ClearObjectType<T> extends infer Form
+                ? {
+                    [K in Extract<keyof Form, string>]: GetBaseKeyChains<`${K}`, Form[K], SafeRecursiveArr>
+                }[Extract<keyof Form, string>]
+                : never
+        )
+```
+
+Теперь `ts` будет нормально реагировать на использование типа `FormPath` в других типах,
+и можно не бояться увидеть сообщение об ошибке.

package/docs/SCSSVariables.md

@@ -1,28 +1,28 @@
-[🔙 Назад](../README.md)
-
-### SCSS Переменные
-
----
-
-#### 🚀 Для разработки
-
-Для создания цветов в библиотеке, которые будут использованы в проекте, нужно создать переменные и убедиться, что они попадут в конечный экспорт. Это несложно. Чтобы можно было переопределить переменную, добавьте `!default` после значения:
-
-```scss
-$color: #fff !default;
-```
-
-**Заметка**: `!default` говорит, что если переменная не была определена ранее, то будет использовано значение, указанное в данный момент (`#fff`). Если же переменная была определена выше, то будет использовано именно это значение.
-
----
-
-#### 🔧 При использовании
-
-Самое сложное — это переопределение значений переменных `scss`. Вот как это можно сделать по порядку:
-
-1. Как уже было сказано, `!default` подставит новое значение, если переменная не была определена раньше. Поэтому нужно указать это до использования миксинов или импорта.
-
-2. Можно создать отдельный файл, где будут переопределены переменные, а затем импортировать его везде, где это нужно.
-
-3. Возможно, придет мысль импортировать файл в условный `global.scss` и использовать переменные без дополнительного импорта. Но это **не работает** (по крайней мере у автора, но стоит учитывать, что автор тупой), скорее всего потому, что в итоговом CSS файл `global.scss` находится ниже, чем остальные стили.
-
+[🔙 Назад](../README.md)
+
+### SCSS Переменные
+
+---
+
+#### 🚀 Для разработки
+
+Для создания цветов в библиотеке, которые будут использованы в проекте, нужно создать переменные и убедиться, что они попадут в конечный экспорт. Это несложно. Чтобы можно было переопределить переменную, добавьте `!default` после значения:
+
+```scss
+$color: #fff !default;
+```
+
+**Заметка**: `!default` говорит, что если переменная не была определена ранее, то будет использовано значение, указанное в данный момент (`#fff`). Если же переменная была определена выше, то будет использовано именно это значение.
+
+---
+
+#### 🔧 При использовании
+
+Самое сложное — это переопределение значений переменных `scss`. Вот как это можно сделать по порядку:
+
+1. Как уже было сказано, `!default` подставит новое значение, если переменная не была определена раньше. Поэтому нужно указать это до использования миксинов или импорта.
+
+2. Можно создать отдельный файл, где будут переопределены переменные, а затем импортировать его везде, где это нужно.
+
+3. Возможно, придет мысль импортировать файл в условный `global.scss` и использовать переменные без дополнительного импорта. Но это **не работает** (по крайней мере у автора, но стоит учитывать, что автор тупой), скорее всего потому, что в итоговом CSS файл `global.scss` находится ниже, чем остальные стили.
+

package/package.json

@@ -1,28 +1,45 @@
 {
   "name": "indicator-ui",
-  "version": "0.1.124",
-  "main": "dist/index.js",
-  "types": "dist/ts/src/index.d.ts",
-  "style": "dist/index.css",
-  "sass": "dist/scss/index.scss",
-  "sideEffects": true,
-  "scripts": {
-    "dev": "webpack serve --mode=development",
-    "dev:build": "webpack --mode=production && tsc --project tsconfig.json --outDir webpack",
-    "lib:build": "webpack --config webpack.lib.config.js && npx tsc-alias",
-    "lib:test": "jest",
-    "build": "npm run lib:test && npm run lib:build",
-    "lib:publish": "npm run build && node updateVersion.js && npm publish"
-  },
   "author": "indicator",
   "license": "ISC",
-  "description": "",
+  "description": "UI component and utilities library for React applications.",
+  "keywords": [
+    "react",
+    "ui",
+    "component-library",
+    "typescript",
+    "react-components",
+    "ui-kit"
+  ],
+  "version": "0.1.131",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "sass": "./dist/styles/index.scss",
+      "style": "./dist/indicator-ui.css",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./styles": {
+      "style": "./dict/indicator-ui.css"
+    },
+    "./mixins": {
+      "sass": "./dict/styles/index.scss"
+    }
+  },
+  "scripts": {
+    "dev": "vite --config ./vite/dev.config.ts",
+    "build": "vite build --config ./vite/build.config.ts",
+    "test": "jest",
+    "lib:publish": "npm run test && npm run build && node updateVersion.js && npm publish"
+  },
+  "sideEffects": true,
+  "files": [
+    "dist",
+    "docs",
+    "README.md"
+  ],
   "devDependencies": {
-    "@babel/core": "^7.26.7",
-    "@babel/preset-env": "^7.26.7",
-    "@babel/preset-react": "^7.26.3",
-    "@babel/preset-typescript": "^7.26.0",
-    "@svgr/webpack": "^8.1.0",
     "@types/jest": "^29.5.14",
     "@types/lodash": "^4.17.20",
     "@types/mathjs": "^9.4.1",
@@ -30,53 +47,32 @@
     "@types/object-hash": "^3.0.6",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
-    "babel-loader": "^9.2.1",
+    "@vitejs/plugin-react": "^5.1.2",
+    "ajv": "^8.17.1",
     "clsx": "^2.1.1",
-    "copy-webpack-plugin": "^12.0.2",
-    "css-loader": "^6.8.1",
-    "css-modules-typescript-loader": "^4.0.1",
     "date-fns": "^4.1.0",
     "date-fns-tz": "^3.2.0",
-    "file-loader": "^6.2.0",
     "gsap": "^3.13.0",
-    "html-loader": "^5.1.0",
-    "html-webpack-plugin": "^5.6.3",
     "jest": "^29.7.0",
     "mathjs": "^14.5.3",
-    "mini-css-extract-plugin": "^2.9.2",
     "object-hash": "^3.0.0",
-    "postcss": "^8.5.1",
-    "postcss-import": "^16.1.0",
-    "postcss-loader": "^8.1.1",
-    "process": "^0.11.10",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-imask": "^7.6.1",
     "react-router-dom": "^7.1.5",
-    "resolve-url-loader": "^5.0.0",
-    "sass": "^1.66.1",
-    "sass-loader": "^16.0.4",
-    "style-loader": "^4.0.0",
+    "sass": "^1.96.0",
     "ts-jest": "^29.3.0",
-    "ts-loader": "^9.5.2",
     "tsc-alias": "^1.8.10",
-    "tsconfig-paths-webpack-plugin": "^4.2.0",
     "tslib": "^2.8.1",
-    "typed-css-modules-webpack-plugin": "^0.2.0",
     "typescript": "^5.9.3",
-    "webpack": "^5.97.1",
-    "webpack-cli": "^6.0.1",
-    "webpack-dev-server": "^5.2.0"
+    "vite": "^7.2.7",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-static-copy": "^3.1.4",
+    "vite-plugin-svgr": "^4.5.0",
+    "vite-plugin-virtual-html": "^1.2.7"
   },
   "peerDependencies": {
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
-  },
-  "files": [
-    "dist",
-    "docs"
-  ],
-  "dependencies": {
-    "@gsap/react": "^2.1.2"
   }
-}
+}