intelicoreact 1.6.7 → 1.6.10

package/dist/types/declaration/OnlyObjectKeys.d.ts

@@ -0,0 +1,65 @@
+import type { PrettyPrint } from './PrettyPrint';
+
+/**
+ * Namespace TOnlyObjectKeys предоставляет набор утилитарных типов для извлечения ключей объекта
+ * на основе типа их значений. Это полезно когда нужно получить только те ключи объекта,
+ * значения которых соответствуют определенному типу.
+ *
+ * Как это работает:
+ * 1. Используется mapped type [K in keyof T] для итерации по всем ключам объекта
+ * 2. Условный тип T[K] extends TargetType проверяет тип значения каждого ключа
+ * 3. Если условие истинно, возвращается K (ключ), иначе never
+ * 4. [keyof T] в конце извлекает объединение всех ключей, кроме never
+ *
+ * Пример использования:
+ * interface User {
+ *   id: number;
+ *   name: string;
+ *   isActive: boolean;
+ *   tags: string[];
+ *   settings: object;
+ * }
+ *
+ * type StringKeys = TOnlyObjectKeys.String<User>; // "name"
+ * type NumberKeys = TOnlyObjectKeys.Number<User>; // "id"
+ * type BooleanKeys = TOnlyObjectKeys.Boolean<User>; // "isActive"
+ * type ArrayKeys = TOnlyObjectKeys.Array<User>; // "tags"
+ * type ObjectKeys = TOnlyObjectKeys.Object<User>; // "settings"
+ */
+export namespace OnlyObjectKeys {
+  export type String<T> = PrettyPrint<{
+    [K in keyof T]: T[K] extends string ? K : never;
+  }[keyof T]>
+
+  export type Number<T> = PrettyPrint<{
+    [K in keyof T]: T[K] extends number ? K : never;
+  }[keyof T]>
+
+  export type Boolean<T> = PrettyPrint<{
+    [K in keyof T]: T[K] extends boolean ? K : never;
+  }[keyof T]>
+
+  export type Object<T> = PrettyPrint<{
+    [K in keyof T]: T[K] extends object ? K : never;
+  }[keyof T]>
+
+  export type Array<T> = {
+    [K in keyof T]: T[K] extends Array<any> ? K : never;
+  }[keyof T];
+
+  export type StringArray<T> = PrettyPrint<{
+    [K in keyof T]: T[K] extends Array<string> ? K : never;
+  }[keyof T]>
+
+  export type NumberArray<T> = PrettyPrint<{
+    [K in keyof T]: T[K] extends Array<number> ? K : never;
+  }[keyof T]>
+
+  export type BooleanArray<T> = PrettyPrint<{
+    [K in keyof T]: T[K] extends Array<boolean> ? K : never;
+  }[keyof T]>
+
+  export type PrObjectArray<T> = PrettyPrint<{
+    [K in keyof T]: T[K] extends Array<object> ? K : never;
+  }[keyof T]>
+}

package/dist/types/declaration/PrettyPrint.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Рекурсивный утилитарный тип для преобразования вложенных объектов в более читаемый формат.
+ *
+ * @template T - Тип данных для преобразования
+ *
+ * @description
+ * Если T является объектом, рекурсивно применяет PrettyPrint к каждому свойству объекта.
+ * Если T не является объектом, возвращает исходный тип без изменений.
+ *
+ * @example
+ * type User = {
+ *   name: string;
+ *   settings: {
+ *     theme: string;
+ *     notifications: boolean;
+ *   };
+ * };
+ *
+ * type PrettyUser = PrettyPrint<User>;
+ * Результат:
+ * {
+ *    name: string;
+ *    settings: {
+ *      theme: string;
+ *      notifications: boolean;
+ *    };
+ *  }
+ */
+export type PrettyPrint<T> = T extends object ? { [K in keyof T]: PrettyPrint<T[K]> } : T

package/dist/types/declaration/RequiredFields.d.ts

@@ -0,0 +1,21 @@
+import type { PrettyPrint } from './PrettyPrint';
+
+/**
+ * Создает тип, делающий указанные поля объекта обязательными, оставляя остальные без изменений.
+ * @template T - Исходный тип объекта
+ * @template K - Union тип ключей, которые должны стать обязательными
+ * @example
+ * interface User {
+ *   name?: string;
+ *   email?: string;
+ *   age?: number;
+ * }
+ *
+ * type UserWithRequiredContact = RequiredFields<User, 'name' | 'email'>
+ *  {
+ *    name: string;
+ *    email: string;
+ *    age?: number;
+ *  }
+ */
+export type RequiredFields<T, K extends keyof T> = PrettyPrint<T & Required<Pick<T, K>>>

package/dist/types/declaration/TupleType.d.ts

@@ -0,0 +1,10 @@
+import type { PrettyPrint } from './PrettyPrint';
+
+/**
+ * Создает тип кортежа (tuple) из двух типов.
+ * @template T1 - Тип первого элемента кортежа
+ * @template T2 - Тип второго элемента кортежа
+ * @example
+ * type Coordinates = TupleType<number, number> // [number, number]
+ */
+export type TupleType<T1, T2> = PrettyPrint<[T1, T2]>

package/dist/types/declaration/ValuesType.d.ts

@@ -0,0 +1,10 @@
+import type { PrettyPrint } from './PrettyPrint';
+
+/**
+ * Извлекает тип всех возможных значений объекта T.
+ * @template T - Тип объекта, из которого извлекаются значения
+ * @example
+ * type Person = { name: string; age: number }
+ * type PersonValues = ValuesType<Person> // string | number
+ */
+export type ValuesType<T> = PrettyPrint<T[keyof T]>

package/dist/types/declaration/index.ts

@@ -0,0 +1,35 @@
+import type { ArrayElement } from './ArrayElement.d';
+import type { AsyncReturnType } from './AsyncReturnType.d';
+import type { DeepPartial } from './DeepPartial.d';
+import type { DeepReadonly } from './DeepReadonly.d';
+import type { DeepRequired } from './DeepRequired.d';
+import type { Flatten } from './Flatten.d';
+import type { FunctionType } from './FunctionType.d';
+import type { If } from './If.d';
+import type { KeysType } from './KeysType.d';
+import type { NonNullableType } from './NonNullableType.d';
+import type { ObjectType } from './ObjectType.d';
+import type { OnlyObjectKeys } from './OnlyObjectKeys.d';
+import type { PrettyPrint } from './PrettyPrint.d';
+import type { RequiredFields } from './RequiredFields.d';
+import type { TupleType } from './TupleType.d';
+import type { ValuesType } from './ValuesType.d';
+
+export type {
+  ArrayElement,
+  AsyncReturnType,
+  DeepPartial,
+  DeepReadonly,
+  DeepRequired,
+  Flatten,
+  FunctionType,
+  If,
+  KeysType,
+  NonNullableType,
+  ObjectType,
+  OnlyObjectKeys,
+  PrettyPrint,
+  RequiredFields,
+  TupleType,
+  ValuesType,
+}

package/dist/types/index.ts

@@ -0,0 +1 @@
+export * from './declaration'

package/package.json

@@ -1,20 +1,66 @@
 {
   "name": "intelicoreact",
-  "version": "1.6.7",
+  "version": "1.6.10",
   "description": "",
   "author": "Andrey Isakov",
   "license": "ISC",
+  "sideEffects": [
+    "**/*.scss",
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.js"
+    },
+    "./types": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/types/index.js",
+      "require": "./dist/types/index.js"
+    },
+    "./types/*": {
+      "types": "./dist/types/*.d.ts",
+      "import": "./dist/types/*.js",
+      "require": "./dist/types/*.js"
+    },
+    "./types/declaration/*": {
+      "types": "./dist/types/declaration/*.d.ts",
+      "import": "./dist/types/declaration/*.js",
+      "require": "./dist/types/declaration/*.js"
+    },
+    "./dist/*": {
+      "import": "./dist/*",
+      "require": "./dist/*"
+    }
+  },
   "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "types": [
+        "./dist/types/index.d.ts"
+      ],
+      "types/*": [
+        "./dist/types/*.d.ts"
+      ],
+      "types/declaration/*": [
+        "./dist/types/declaration/*.d.ts"
+      ],
+      "dist/*": [
+        "./dist/*"
+      ]
+    }
+  },
   "files": [
-    "dist/*",
-    "node_modules/anme/*",
-    "node_modules/moment-timezone/*",
-    "node_modules/moment/*"
+    "dist"
   ],
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "shx rm -rf dist lib && tsc && swc src --out-dir dist && shx cp -r src/**/*.scss dist/ && tsc-alias",
-    "release": "shx rm -rf dist lib && tsc && swc src --out-dir dist && shx cp -r src/**/*.scss dist/ && tsc-alias && npm publish && node ../../IntelicoKitVersioningBot/main.js"
+    "clean": "rimraf dist",
+    "build:types": "tsc",
+    "build:webpack": "webpack",
+    "build": "npm run clean && npm run build:types && npm run build:webpack",
+    "release": "npm run build && npm publish && node ../../IntelicoKitVersioningBot/main.js"
   },
   "dependencies": {
     "anme": "1.0.8",
@@ -27,14 +73,32 @@
     "react-chartjs-2": "4.1.0",
     "react-dom": "18.3.1",
     "react-feather": "2.0.10",
-    "react-input-mask": "2.0.4"
+    "react-input-mask": "2.0.4",
+    "yup": "^1.6.1"
   },
   "devDependencies": {
-    "@swc/cli": "0.6.0",
-    "@swc/core": "1.11.16",
+    "@swc/core": "1.11.21",
+    "assert": "2.1.0",
+    "buffer": "6.0.3",
     "classnames": "2.5.1",
-    "shx": "0.3.3",
-    "tsc-alias": "1.8.15",
-    "typescript": "5.8.3"
+    "copy-webpack-plugin": "13.0.0",
+    "css-loader": "7.1.2",
+    "glob": "11.0.1",
+    "https-browserify": "1.0.0",
+    "mini-css-extract-plugin": "2.9.2",
+    "os-browserify": "0.3.0",
+    "rimraf": "6.0.1",
+    "sass": "1.86.3",
+    "sass-loader": "16.0.5",
+    "stream-browserify": "3.0.0",
+    "stream-http": "3.2.0",
+    "swc-loader": "0.2.6",
+    "terser": "5.39.0",
+    "terser-webpack-plugin": "5.3.14",
+    "typescript": "5.8.3",
+    "url": "0.11.3",
+    "util": "0.12.5",
+    "webpack": "5.99.5",
+    "webpack-cli": "6.0.1"
   }
 }

package/dist/RangeSlider.stories.scss

@@ -1,30 +0,0 @@
-.desc {
-  box-sizing: border-box;
-  max-width: 270px;
-  margin-top: 16px;
-  padding: 4px 12px;
-
-  border-radius: 8px;
-  background: #f7f7f7;
-  box-shadow: 0 0 8px 2px #e9e7e7;
-
-  h4 {
-    margin: 0;
-    margin-top: 4px;
-    padding: 0;
-    padding-bottom: 8px;
-
-    font-size: 14px;
-    line-height: 1;
-
-    color: #1f7499;
-    border-bottom: 1px solid #e9e7e7;
-  }
-
-  code {
-    font-size: 12px;
-    line-height: 16px;
-
-    color: #171d33;
-  }
-}

package/dist/src/Atomic/FormElements/ActionAlert/ActionAlert.interface.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});

package/dist/src/Atomic/FormElements/ActionAlert/ActionAlert.js

@@ -1,98 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-const _Button = /*#__PURE__*/ _interop_require_default(require("../../UI/Button/Button"));
-require("./ActionAlert.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-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 _interop_require_wildcard(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 = {
-        __proto__: null
-    };
-    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;
-}
-const ActionAlert = ({ message, className, buttonsClassName, date, noButtons, children, variant = 'default', testId = 'alert', buttons })=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-        role: "alert",
-        "data-testid": testId,
-        className: (0, _classnames.default)(`action-alert action-alert--${variant}`, className),
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                className: "action-alert__message-box",
-                children: [
-                    date && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                        className: "action-alert__time",
-                        children: date
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                        className: "action-alert__message",
-                        children: message || children
-                    })
-                ]
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                className: buttonsClassName,
-                children: typeof buttons !== 'undefined' && (buttons === null || buttons === void 0 ? void 0 : buttons.length) > 0 && !noButtons && buttons.map((item)=>/*#__PURE__*/ (0, _react.createElement)(_Button.default, {
-                        style: {
-                            backgroundColor: item.buttonColor,
-                            borderColor: item.buttonColor
-                        },
-                        className: "ml5",
-                        label: item.buttonLabel,
-                        ...item,
-                        onClick: item.onClick,
-                        key: item.key
-                    }))
-            })
-        ]
-    });
-};
-const _default = ActionAlert;

package/dist/src/Atomic/FormElements/ActionAlert/ActionAlert.stories.js

@@ -1,89 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    TemplateActionAlert: function() {
-        return TemplateActionAlert;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _ActionAlert = /*#__PURE__*/ _interop_require_default(require("./ActionAlert"));
-require("../../../../../scss/main.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const _default = {
-    title: 'Form Elements/ActionAlert',
-    component: _ActionAlert.default,
-    argTypes: {
-        variant: {
-            description: 'string: ["reject", "pending", "confirm", "default"]. optional',
-            control: {
-                type: 'select',
-                options: [
-                    'reject',
-                    'pending',
-                    'confirm',
-                    'default'
-                ]
-            }
-        },
-        message: {
-            description: 'string. optional'
-        },
-        date: {
-            description: 'string. optional'
-        },
-        noButtons: {
-            description: 'boolean. optional'
-        },
-        className: {
-            description: 'string. optional'
-        },
-        testId: {
-            description: 'string. optional'
-        },
-        buttons: {
-            description: 'array. optional'
-        }
-    }
-};
-const Template = (args)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_ActionAlert.default, {
-        ...args
-    });
-const TemplateActionAlert = Template.bind({});
-TemplateActionAlert.args = {
-    className: 'test-class',
-    date: '08.15.22 15:55',
-    message: 'Consumer Completion Status:',
-    noButtons: false,
-    variant: 'warning',
-    testId: 'test-id',
-    buttonsClassName: 'j6',
-    buttons: [
-        {
-            key: 'reviewBtn',
-            buttonColor: '',
-            buttonLabel: 'Review',
-            onClick: ()=>console.log('Review')
-        },
-        {
-            key: 'sendFundsBtn',
-            buttonColor: '#F59A2F',
-            buttonLabel: 'Send Funds',
-            onClick: ()=>console.log('Send Funds')
-        }
-    ]
-};

package/dist/src/Atomic/FormElements/ActionAlert/ActionAlert.test.js

@@ -1,130 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = require("@testing-library/react");
-require("@testing-library/jest-dom");
-const _ActionAlert = /*#__PURE__*/ _interop_require_default(require("./ActionAlert"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const mockButtons = [
-    {
-        key: 'button1',
-        buttonColor: '#007BFF',
-        buttonLabel: 'Confirm',
-        onClick: jest.fn()
-    },
-    {
-        key: 'button2',
-        buttonColor: '#FF0000',
-        buttonLabel: 'Cancel',
-        onClick: jest.fn()
-    }
-];
-describe('actionAlert component', ()=>{
-    it('renders with default props', ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ActionAlert.default, {
-            message: "Test Alert"
-        }));
-        const alert = _react.screen.getByTestId('alert');
-        expect(alert).toBeInTheDocument();
-        expect(alert).toHaveClass('action-alert action-alert--default');
-        expect(_react.screen.getByText('Test Alert')).toBeInTheDocument();
-    });
-    it('renders with a custom variant', ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ActionAlert.default, {
-            message: "Warning!",
-            variant: "warning"
-        }));
-        const alert = _react.screen.getByTestId('alert');
-        expect(alert).toHaveClass('action-alert--warning');
-    });
-    it('renders with date', ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ActionAlert.default, {
-            message: "With Date",
-            date: "2024-12-30"
-        }));
-        const dateElement = _react.screen.getByText('2024-12-30');
-        expect(dateElement).toBeInTheDocument();
-        expect(dateElement).toHaveClass('action-alert__time');
-    });
-    it('renders with buttons', ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ActionAlert.default, {
-            buttons: mockButtons
-        }));
-        const buttons = _react.screen.getAllByRole('button');
-        expect(buttons).toHaveLength(mockButtons.length);
-        mockButtons.forEach((btn)=>{
-            expect(_react.screen.getByText(btn.buttonLabel)).toBeInTheDocument();
-        });
-    });
-    it('calls button onClick handlers', ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ActionAlert.default, {
-            buttons: mockButtons
-        }));
-        const buttons = _react.screen.getAllByRole('button');
-        _react.fireEvent.click(buttons[0]);
-        _react.fireEvent.click(buttons[1]);
-        expect(mockButtons[0].onClick).toHaveBeenCalledTimes(1);
-        expect(mockButtons[1].onClick).toHaveBeenCalledTimes(1);
-    });
-    it('does not render buttons when noButtons is true', ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ActionAlert.default, {
-            noButtons: true,
-            buttons: mockButtons
-        }));
-        const buttons = _react.screen.queryAllByRole('button');
-        expect(buttons).toHaveLength(0);
-    });
-    it('renders children when message is not provided', ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ActionAlert.default, {
-            children: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                children: "Custom Content"
-            })
-        }));
-        const customContent = _react.screen.getByText('Custom Content');
-        expect(customContent).toBeInTheDocument();
-    });
-    it('applies additional className to the root element', ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ActionAlert.default, {
-            className: "custom-class"
-        }));
-        const alert = _react.screen.getByTestId('alert');
-        expect(alert).toHaveClass('custom-class');
-    });
-    it('applies buttonsClassName to the buttons container', ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ActionAlert.default, {
-            buttons: mockButtons,
-            buttonsClassName: "buttons-custom-class"
-        }));
-        const buttonsContainer = _react.screen.getByTestId('alert').querySelector('.buttons-custom-class');
-        expect(buttonsContainer).toBeInTheDocument();
-    });
-    it('renders correctly with no props', ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ActionAlert.default, {}));
-        const alert = _react.screen.getByTestId('alert');
-        expect(alert).toBeInTheDocument();
-        expect(alert).toHaveClass('action-alert--default');
-    });
-    it('handles missing buttons gracefully', ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ActionAlert.default, {
-            noButtons: true
-        }));
-        const buttons = _react.screen.queryAllByRole('button');
-        expect(buttons).toHaveLength(0);
-    });
-    it('handles long messages with children and ellipsis', ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ActionAlert.default, {
-            children: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                className: "text-ellipsis",
-                children: "This is a very long custom content that should be truncated."
-            })
-        }));
-        const text = _react.screen.getByText('This is a very long custom content that should be truncated.');
-        expect(text).toHaveClass('text-ellipsis');
-    });
-});

package/dist/src/Atomic/FormElements/ActionAlert/index.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _ActionAlert = /*#__PURE__*/ _interop_require_default(require("./ActionAlert"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const _default = _ActionAlert.default;

package/dist/src/Atomic/FormElements/AdvancedStatus/AdvancedStatus.interface.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});