@expressms/smartapp-ui 2.5.3 → 2.5.5

package/build/main//321/201omponents/UserDropdown/types.d.ts

@@ -1,8 +1,7 @@
-import { MutableRefObject } from 'react';
+import { RefObject } from 'react';
 import { MenuListProps, OptionProps } from 'react-select';
 import { ICommonProps, ILayoutTypeProps } from '../../constants';
 export interface IContactBottomSheet {
-    theme: string;
     language: string;
     avatar: string | null;
     name: string;
@@ -13,7 +12,6 @@ export interface IContactBottomSheet {
     companyPosition: string | null;
 }
 export interface IContactInfo {
-    theme: string;
     language: string;
     serverName: string | null;
     company: string | null;
@@ -30,8 +28,8 @@ export interface ILoadingMessage {
 }
 export interface IMenuListProps extends MenuListProps {
     appTheme: 'default' | 'dark';
-    selectRef: MutableRefObject<any>;
-    scrollFromTop: MutableRefObject<number | undefined>;
+    selectRef: RefObject<any>;
+    scrollFromTop: RefObject<number>;
     hasNextPage: boolean;
     isLoading: boolean;
     isUserTyping: boolean;
@@ -47,7 +45,6 @@ type TData = {
     department: string | null;
     companyPosition: string | null;
     isMyContacts: boolean;
-    theme: 'default' | 'dark';
     platform: 'web' | 'ios' | 'android';
     language: 'ru' | 'en' | 'de' | 'es' | 'fr' | 'ar' | 'mal';
     setIsSearchable: (isSearchable: boolean) => void;
@@ -66,12 +63,11 @@ export type TModalData = {
     companyPosition: string | null;
 };
 type TGenerateCommonOption = {
-    theme: string;
     platform: string;
     layoutType: string;
     isChipsCollapsable: boolean;
-    isInputFocused: MutableRefObject<boolean>;
-    selectRef: MutableRefObject<any>;
+    isInputFocused: RefObject<boolean>;
+    selectRef: RefObject<any>;
 };
 export type TGenerateCorporateOption = TGenerateCommonOption & {
     option: TCorporateEntity;
@@ -101,7 +97,6 @@ export type TSelectStyles = {
     paddingLeft: string;
     fillType: string;
     platform: string;
-    theme: string;
     layoutType: string;
 };
 export type TGenerateNoOptionsMessage = {
@@ -121,7 +116,6 @@ export interface MultiOptionType {
     label: string;
     avatar?: string | null;
     email: string;
-    theme: string;
     layoutType: string;
     isChipsCollapsable: boolean;
     platform?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expressms/smartapp-ui",
-  "version": "2.5.3",
+  "version": "2.5.5",
   "description": "SmartApp UI library",
   "license": "MIT",
   "main": "build/main/index.js",
@@ -11,7 +11,8 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@svgr/webpack": "5.5",
+    "@storybook/core-events": "^8.5.1",
+    "@svgr/webpack": "^8.1.0",
     "@testing-library/jest-dom": "^6.4.2",
     "@types/color": "^3.0.6",
     "@types/dompurify": "^3.0.5",
@@ -84,12 +85,13 @@
     "uuid": "^9.0.1"
   },
   "resolutions": {
+    "@typescript-eslint/utils": "6.21.0",
     "juice/cheerio": "1.0.0-rc.12"
   },
   "scripts": {
     "start": "node scripts/start.js",
-    "storybook": "rm -rf node_modules/.cache/storybook && start-storybook -p 6006",
-    "build-storybook": "build-storybook -o storybook-build",
+    "storybook": "rm -rf node_modules/.cache/storybook && storybook dev -p 6006",
+    "build-storybook": "storybook build -o storybook-build",
     "case-sensitive-paths-webpack-plugin": "^2.4.0",
     "copy-svg-files": "copyfiles -u 1 src/assets/icons/*.svg build/main",
     "build": "rm -rf build && tsc -p tsconfig.json && webpack && npm run copy-svg-files",
@@ -107,7 +109,8 @@
   "eslintConfig": {
     "extends": [
       "react-app",
-      "react-app/jest"
+      "react-app/jest",
+      "plugin:storybook/recommended"
     ],
     "overrides": [
       {
@@ -136,28 +139,29 @@
     "@expressms/eslint-config": "^1.0.3",
     "@expressms/prettier-config": "^1.0.0",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
-    "@storybook/addon-actions": "^6.5.15",
-    "@storybook/addon-essentials": "^6.5.15",
-    "@storybook/addon-links": "^6.5.15",
-    "@storybook/addon-viewport": "^6.5.15",
-    "@storybook/addons": "^6.5.15",
-    "@storybook/core-events": "^6.5.15",
-    "@storybook/react": "^6.5.15",
+    "@storybook/addon-essentials": "^8.5.1",
+    "@storybook/blocks": "^8.5.1",
+    "@storybook/preset-create-react-app": "^8.5.1",
+    "@storybook/react": "^8.5.1",
+    "@storybook/react-webpack5": "^8.5.1",
+    "@storybook/test": "^8.5.1",
     "@types/convert-layout": "^0.5.3",
+    "@types/lodash": "^4.17.13",
     "@types/react-virtualized": "^9.21.30",
     "@types/react-window": "^1.8.8",
     "css-loader": "^6.7.3",
     "css-minimizer-webpack-plugin": "^3.2.0",
     "eslint-config-react-app": "^6.0.0",
+    "eslint-plugin-storybook": "^0.11.0",
     "postcss": "^8.4.4",
     "postcss-flexbugs-fixes": "^5.0.2",
     "postcss-loader": "^6.2.1",
     "postcss-normalize": "^10.0.1",
     "postcss-preset-env": "^7.0.1",
+    "prop-types": "^15.8.1",
     "react-scripts": "^5.0.1",
     "resolve-url-loader": "2.3.1",
-    "storybook-addon-react-router-v6": "^0.2.1",
-    "storybook-addon-sass-postcss": "0.1.3",
+    "storybook": "^8.5.1",
     "terser-webpack-plugin": "^5.2.5",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "webpack": "^5.75.0",

package/build/main//321/201omponents/CustomSelect/colors.d.ts

@@ -1,17 +0,0 @@
-export declare const lightBlueColor = "rgba(71, 153, 227, 0.5)";
-export declare const blueColor = "rgba(71, 153, 227, 1)";
-export declare const lightGrayColor = "rgba(249, 249, 249, 1)";
-export declare const grayColor = "rgba(183, 183, 183, 1)";
-export declare const darkGrayColor = "rgba(128, 128, 128, 1)";
-export declare const lightBlackColor = "rgba(86, 86, 86, 1)";
-export declare const blackColor = "rgba(26, 26, 26, 1)";
-export declare const whiteBackgroundColor = "rgba(255, 255, 255, 1)";
-export declare const grayBackgroundColor = "rgba(241, 241, 242, 1)";
-export declare const lighterBlackBackgroundColor = "rgba(43, 43, 43, 1)";
-export declare const lightBlackBackgroundColor = "rgba(61, 61, 61, 1)";
-export declare const blackBackgroundColor = "rgba(36, 36, 36, 1)";
-export declare const redBorderColor = "rgba(237, 71, 71, 1)";
-export declare const lightGrayBorderColor = "rgba(0, 0, 0, 0.05)";
-export declare const grayBorderColor = "rgba(232, 233, 238, 1)";
-export declare const boxShadowColor = "rgba(0, 0, 0, 0.1)";
-export declare const transparentColor = "transparent";

package/build/main//321/201omponents/CustomSelect/colors.js

@@ -1,18 +0,0 @@
-export var lightBlueColor = 'rgba(71, 153, 227, 0.5)';
-export var blueColor = 'rgba(71, 153, 227, 1)';
-export var lightGrayColor = 'rgba(249, 249, 249, 1)';
-export var grayColor = 'rgba(183, 183, 183, 1)';
-export var darkGrayColor = 'rgba(128, 128, 128, 1)';
-export var lightBlackColor = 'rgba(86, 86, 86, 1)';
-export var blackColor = 'rgba(26, 26, 26, 1)';
-export var whiteBackgroundColor = 'rgba(255, 255, 255, 1)';
-export var grayBackgroundColor = 'rgba(241, 241, 242, 1)';
-export var lighterBlackBackgroundColor = 'rgba(43, 43, 43, 1)';
-export var lightBlackBackgroundColor = 'rgba(61, 61, 61, 1)';
-export var blackBackgroundColor = 'rgba(36, 36, 36, 1)';
-export var redBorderColor = 'rgba(237, 71, 71, 1)';
-export var lightGrayBorderColor = 'rgba(0, 0, 0, 0.05)';
-export var grayBorderColor = 'rgba(232, 233, 238, 1)';
-export var boxShadowColor = 'rgba(0, 0, 0, 0.1)';
-export var transparentColor = 'transparent';
-//# sourceMappingURL=colors.js.map

package/build/main//321/201omponents/CustomSelect/colors.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../../src/сomponents/CustomSelect/colors.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,cAAc,GAAG,yBAAyB,CAAA;AACvD,MAAM,CAAC,IAAM,SAAS,GAAG,uBAAuB,CAAA;AAChD,MAAM,CAAC,IAAM,cAAc,GAAG,wBAAwB,CAAA;AACtD,MAAM,CAAC,IAAM,SAAS,GAAG,wBAAwB,CAAA;AACjD,MAAM,CAAC,IAAM,aAAa,GAAG,wBAAwB,CAAA;AACrD,MAAM,CAAC,IAAM,eAAe,GAAG,qBAAqB,CAAA;AACpD,MAAM,CAAC,IAAM,UAAU,GAAG,qBAAqB,CAAA;AAE/C,MAAM,CAAC,IAAM,oBAAoB,GAAG,wBAAwB,CAAA;AAC5D,MAAM,CAAC,IAAM,mBAAmB,GAAG,wBAAwB,CAAA;AAC3D,MAAM,CAAC,IAAM,2BAA2B,GAAG,qBAAqB,CAAA;AAChE,MAAM,CAAC,IAAM,yBAAyB,GAAG,qBAAqB,CAAA;AAC9D,MAAM,CAAC,IAAM,oBAAoB,GAAG,qBAAqB,CAAA;AAEzD,MAAM,CAAC,IAAM,cAAc,GAAG,sBAAsB,CAAA;AACpD,MAAM,CAAC,IAAM,oBAAoB,GAAG,qBAAqB,CAAA;AACzD,MAAM,CAAC,IAAM,eAAe,GAAG,wBAAwB,CAAA;AAEvD,MAAM,CAAC,IAAM,cAAc,GAAG,oBAAoB,CAAA;AAElD,MAAM,CAAC,IAAM,gBAAgB,GAAG,aAAa,CAAA"}

package/build/main//321/201omponents/UserDropdown/colors.d.ts

@@ -1,20 +0,0 @@
-export declare const blueColor = "rgba(71, 153, 227, 1)";
-export declare const lightBlueColor = "rgba(71, 153, 227, 0.5)";
-export declare const lighterGrayColor = "rgba(241, 241, 242, 1)";
-export declare const lightGrayColor = "rgba(17, 17, 17, 0.3)";
-export declare const grayColor = "rgba(183, 183, 183, 1)";
-export declare const lighterBlackColor = "rgba(86, 86, 86, 1)";
-export declare const lightBlackColor = "rgba(49, 49, 49, 1)";
-export declare const blackColor = "rgba(26, 26, 26, 1)";
-export declare const whiteBackgroundColor = "rgba(255, 255, 255, 1)";
-export declare const grayBackgroundColor = "rgba(249, 249, 249, 1)";
-export declare const darkGrayBackgroundColor = "rgba(0, 0, 0, 0.04)";
-export declare const darkerGrayBackgroundColor = "rgba(0, 0, 0, 0.3)";
-export declare const lighterBlackBackgroundColor = "rgba(43, 43, 43, 1)";
-export declare const lightBlackBackgroundColor = "rgba(61, 61, 61, 1)";
-export declare const blackBackgroundColor = "rgba(36, 36, 36, 1)";
-export declare const grayBorderColor = "rgba(232, 233, 238, 1)";
-export declare const darkGrayBorderColor = "rgba(128, 128, 128, 1)";
-export declare const redBorderColor = "rgba(237, 71, 71, 1)";
-export declare const boxShadowColor = "rgba(0, 0, 0, 0.25)";
-export declare const transparentColor = "transparent";

package/build/main//321/201omponents/UserDropdown/colors.js

@@ -1,21 +0,0 @@
-export var blueColor = 'rgba(71, 153, 227, 1)';
-export var lightBlueColor = 'rgba(71, 153, 227, 0.5)';
-export var lighterGrayColor = 'rgba(241, 241, 242, 1)';
-export var lightGrayColor = 'rgba(17, 17, 17, 0.3)';
-export var grayColor = 'rgba(183, 183, 183, 1)';
-export var lighterBlackColor = 'rgba(86, 86, 86, 1)';
-export var lightBlackColor = 'rgba(49, 49, 49, 1)';
-export var blackColor = 'rgba(26, 26, 26, 1)';
-export var whiteBackgroundColor = 'rgba(255, 255, 255, 1)';
-export var grayBackgroundColor = 'rgba(249, 249, 249, 1)';
-export var darkGrayBackgroundColor = 'rgba(0, 0, 0, 0.04)';
-export var darkerGrayBackgroundColor = 'rgba(0, 0, 0, 0.3)';
-export var lighterBlackBackgroundColor = 'rgba(43, 43, 43, 1)';
-export var lightBlackBackgroundColor = 'rgba(61, 61, 61, 1)';
-export var blackBackgroundColor = 'rgba(36, 36, 36, 1)';
-export var grayBorderColor = 'rgba(232, 233, 238, 1)';
-export var darkGrayBorderColor = 'rgba(128, 128, 128, 1)';
-export var redBorderColor = 'rgba(237, 71, 71, 1)';
-export var boxShadowColor = 'rgba(0, 0, 0, 0.25)';
-export var transparentColor = 'transparent';
-//# sourceMappingURL=colors.js.map

package/build/main//321/201omponents/UserDropdown/colors.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../../src/сomponents/UserDropdown/colors.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,SAAS,GAAG,uBAAuB,CAAA;AAChD,MAAM,CAAC,IAAM,cAAc,GAAG,yBAAyB,CAAA;AACvD,MAAM,CAAC,IAAM,gBAAgB,GAAG,wBAAwB,CAAA;AACxD,MAAM,CAAC,IAAM,cAAc,GAAG,uBAAuB,CAAA;AACrD,MAAM,CAAC,IAAM,SAAS,GAAG,wBAAwB,CAAA;AACjD,MAAM,CAAC,IAAM,iBAAiB,GAAG,qBAAqB,CAAA;AACtD,MAAM,CAAC,IAAM,eAAe,GAAG,qBAAqB,CAAA;AACpD,MAAM,CAAC,IAAM,UAAU,GAAG,qBAAqB,CAAA;AAE/C,MAAM,CAAC,IAAM,oBAAoB,GAAG,wBAAwB,CAAA;AAC5D,MAAM,CAAC,IAAM,mBAAmB,GAAG,wBAAwB,CAAA;AAC3D,MAAM,CAAC,IAAM,uBAAuB,GAAG,qBAAqB,CAAA;AAC5D,MAAM,CAAC,IAAM,yBAAyB,GAAG,oBAAoB,CAAA;AAC7D,MAAM,CAAC,IAAM,2BAA2B,GAAG,qBAAqB,CAAA;AAChE,MAAM,CAAC,IAAM,yBAAyB,GAAG,qBAAqB,CAAA;AAC9D,MAAM,CAAC,IAAM,oBAAoB,GAAG,qBAAqB,CAAA;AAEzD,MAAM,CAAC,IAAM,eAAe,GAAG,wBAAwB,CAAA;AACvD,MAAM,CAAC,IAAM,mBAAmB,GAAG,wBAAwB,CAAA;AAC3D,MAAM,CAAC,IAAM,cAAc,GAAG,sBAAsB,CAAA;AAEpD,MAAM,CAAC,IAAM,cAAc,GAAG,qBAAqB,CAAA;AAEnD,MAAM,CAAC,IAAM,gBAAgB,GAAG,aAAa,CAAA"}