@expressms/smartapp-ui 2.6.2 → 2.6.4

package/build/main//321/201omponents/Charts/ChartLine/ChartLine.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartLine.js","sourceRoot":"","sources":["../../../../../src/сomponents/Charts/ChartLine/ChartLine.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,YAAY,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAC/G,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAE7D,OAAO,6BAA6B,CAAA;AAEpC,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,EAAmC;QAAjC,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IAC5C,IAAM,MAAM,GAAG;QACb,KAAK,aAAI,IAAI,EAAE,KAAK,IAAK,YAAY,CAAE;QACvC,MAAM,EAAE,cAAc,CAAC,EAAE,IAAI,MAAA,EAAE,SAAS,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC;QACzD,OAAO,EAAE,cAAc;QACvB,IAAI,EAAE,WAAW;QACjB,KAAK,aAAI,WAAW,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,IAAK,aAAa,CAAE;QAC5D,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,gBAAgB,CAAC,IAAI,CAAC;KAC/B,CAAA;IAED,OAAO,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,GAAI,CAAA;AACjE,CAAC,CAAA"}
+{"version":3,"file":"ChartLine.js","sourceRoot":"","sources":["../../../../../src/сomponents/Charts/ChartLine/ChartLine.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,YAA+B,MAAM,mBAAmB,CAAA;AAC/D,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAChG,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE5E,OAAO,6BAA6B,CAAA;AAEpC,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,EAAmC;QAAjC,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IAC5C,IAAM,MAAM,GAAkB;QAC5B,KAAK,aAAI,IAAI,EAAE,KAAK,IAAK,YAAY,CAAE;QACvC,MAAM,EAAE,cAAc,CAAC,EAAE,IAAI,MAAA,EAAE,SAAS,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC;QACzD,OAAO,EAAE,cAAc;QACvB,IAAI,EAAE,WAAW;QACjB,KAAK,aAAI,WAAW,EAAE,KAAK,IAAK,aAAa,CAAC,KAAK,CAAC,CAAE;QACtD,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,gBAAgB,CAAC,IAAI,CAAC;KAC/B,CAAA;IAED,OAAO,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,GAAI,CAAA;AACjE,CAAC,CAAA"}

package/build/main//321/201omponents/Charts/ChartPie/ChartPie.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartPie.js","sourceRoot":"","sources":["../../../../../src/сomponents/Charts/ChartPie/ChartPie.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,YAAY,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AACtC,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAE9D,OAAO,6BAA6B,CAAA;AAE5B,IAAA,MAAM,GAAU,OAAO,OAAjB,EAAE,GAAG,GAAK,OAAO,IAAZ,CAAY;AACvB,IAAA,KAAK,GAAY,MAAM,MAAlB,EAAE,KAAK,GAAK,MAAM,MAAX,CAAW;AAE/B,IAAM,MAAM,GAAG,UAAC,IAAqB,EAAE,KAAa,IAAK,OAAA,CAAC;IACxD,MAAM,EAAE,cAAc,CAAC,EAAE,IAAI,MAAA,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC;IAChD,OAAO,EAAE,EAAE;IACX,MAAM,EAAE;QACN;YACE,IAAI,EAAE,GAAG;YACT,IAAI,MAAA;YACJ,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC;YACvB,SAAS,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,EAAE;YAClE,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;YACtB,SAAS,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;YAC1B,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,GAAG;YACX,IAAI,EAAE,MAAM;SACb;KACF;IACD,KAAK,EAAE;QACL,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,MAAM;QACZ,GAAG,EAAE,KAAK;QACV,SAAS,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE;QAC/D,OAAO,EAAE,iBAAiB,CAAC,IAAI,CAAC;QAChC,YAAY,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE;QAC7D,OAAO,EAAE,EAAE;KACZ;CACF,CAAC,EAzBuD,CAyBvD,CAAA;AAEF,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,EAAyC;QAAvC,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA;IAC9C,IAAM,QAAQ,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAA;IAElD,IAAM,yBAAyB,GAAG,UAAC,EAA6B;;YAA3B,QAAQ,cAAA;QAC3C,IAAM,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,UAAC,EAAQ;gBAAN,IAAI,UAAA;YAAO,OAAA,QAAQ,CAAC,IAAI,CAAC;QAAd,CAAc,CAAC,CAAA;QAC9D,IAAM,OAAO,GAAG,iBAAiB,CAAC,YAAY,CAAC,CAAA;QAE/C,MAAA,QAAQ,CAAC,OAAO,0CAAE,kBAAkB,GAAG,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE,OAAO,SAAA,EAAE,EAAE,CAAC,CAAA;IAC1E,CAAC,CAAA;IAED,IAAM,QAAQ,GAAG,EAAE,mBAAmB,EAAE,yBAAyB,EAAE,CAAA;IAEnE,OAAO,CACL,8BACE,qBAAG,SAAS,EAAC,uBAAuB,gBAAE,KAAK,IAAK,EAChD,KAAC,YAAY,IAAC,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,QAAQ,EAAE,QAAQ,GAAI,IAC1G,CACJ,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"ChartPie.js","sourceRoot":"","sources":["../../../../../src/сomponents/Charts/ChartPie/ChartPie.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,YAA+B,MAAM,mBAAmB,CAAA;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AACtC,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAE9D,OAAO,6BAA6B,CAAA;AAE5B,IAAA,MAAM,GAAU,OAAO,OAAjB,EAAE,GAAG,GAAK,OAAO,IAAZ,CAAY;AACvB,IAAA,KAAK,GAAY,MAAM,MAAlB,EAAE,KAAK,GAAK,MAAM,MAAX,CAAW;AAE/B,IAAM,MAAM,GAAG,UAAC,IAAqB,EAAE,KAAa,IAAoB,OAAA,CAAC;IACvE,MAAM,EAAE,cAAc,CAAC,EAAE,IAAI,MAAA,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC;IAChD,OAAO,EAAE,EAAE;IACX,MAAM,EAAE;QACN;YACE,IAAI,EAAE,GAAG;YACT,IAAI,MAAA;YACJ,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC;YACvB,SAAS,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,EAAE;YAClE,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;YACtB,SAAS,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;YAC1B,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,GAAG;YACX,IAAI,EAAE,MAAM;SACb;KACF;IACD,KAAK,EAAE;QACL,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,MAAM;QACZ,GAAG,EAAE,KAAK;QACV,SAAS,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE;QAC/D,OAAO,EAAE,iBAAiB,CAAC,IAAI,CAAC;QAChC,YAAY,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE;QAC7D,OAAO,EAAE,EAAE;KACZ;CACF,CAAC,EAzBsE,CAyBtE,CAAA;AAEF,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,EAAyC;QAAvC,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA;IAC9C,IAAM,QAAQ,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAA;IAElD,IAAM,yBAAyB,GAAG,UAAC,EAA6B;;YAA3B,QAAQ,cAAA;QAC3C,IAAM,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,UAAC,EAAQ;gBAAN,IAAI,UAAA;YAAO,OAAA,QAAQ,CAAC,IAAI,CAAC;QAAd,CAAc,CAAC,CAAA;QAC9D,IAAM,OAAO,GAAG,iBAAiB,CAAC,YAAY,CAAC,CAAA;QAE/C,MAAA,QAAQ,CAAC,OAAO,0CAAE,kBAAkB,GAAG,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE,OAAO,SAAA,EAAE,EAAE,CAAC,CAAA;IAC1E,CAAC,CAAA;IAED,IAAM,QAAQ,GAAG,EAAE,mBAAmB,EAAE,yBAAyB,EAAE,CAAA;IAEnE,OAAO,CACL,8BACE,qBAAG,SAAS,EAAC,uBAAuB,gBAAE,KAAK,IAAK,EAChD,KAAC,YAAY,IAAC,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,QAAQ,EAAE,QAAQ,GAAI,IAC1G,CACJ,CAAA;AACH,CAAC,CAAA"}

package/build/main//321/201omponents/Charts/constants.d.ts

@@ -1,3 +1,5 @@
+import { TooltipComponentOption } from 'echarts';
+import { YAXisOption } from 'echarts/types/dist/shared';
 import { COLORS } from '../../constants';
 export declare enum OPTIONS {
     center = "center",
@@ -18,33 +20,11 @@ export declare const OPTION_TITLE: {
         color: COLORS;
     };
 };
-export declare const OPTION_TOOLTIP: {
-    trigger: OPTIONS;
-};
+export declare const OPTION_TOOLTIP: TooltipComponentOption;
 export declare const OPTION_GRID: {
     left: string;
     right: string;
     bottom: string;
     containLabel: boolean;
 };
-export declare const OPTION_X_AXIS: {
-    type: OPTIONS;
-    axisLine: {
-        lineStyle: {
-            color: string;
-        };
-    };
-    axisLabel: {
-        color: COLORS;
-    };
-    axisPointer: {
-        label: {
-            show: boolean;
-            backgroundColor: OPTIONS;
-            color: COLORS;
-        };
-    };
-};
-export declare const OPTION_Y_AXIS: {
-    type: OPTIONS;
-};
+export declare const OPTION_Y_AXIS: YAXisOption;

package/build/main//321/201omponents/Charts/constants.js

@@ -1,6 +1,4 @@
 import { COLORS } from '../../constants';
-import { LINE_COLOR } from './colors';
-var darkerGray = COLORS.darkerGray, black = COLORS.black;
 export var OPTIONS;
 (function (OPTIONS) {
     OPTIONS["center"] = "center";
@@ -15,22 +13,13 @@ export var OPTIONS;
     OPTIONS["bar"] = "bar";
     OPTIONS["line"] = "line";
 })(OPTIONS || (OPTIONS = {}));
-var center = OPTIONS.center, axis = OPTIONS.axis, category = OPTIONS.category, transparent = OPTIONS.transparent, value = OPTIONS.value;
+var black = COLORS.black;
+var center = OPTIONS.center, axis = OPTIONS.axis, value = OPTIONS.value;
 export var OPTION_TITLE = {
     left: center,
     textStyle: { color: black },
 };
 export var OPTION_TOOLTIP = { trigger: axis };
 export var OPTION_GRID = { left: '3%', right: '4%', bottom: '30%', containLabel: true };
-export var OPTION_X_AXIS = {
-    type: category,
-    axisLine: {
-        lineStyle: { color: LINE_COLOR },
-    },
-    axisLabel: { color: darkerGray },
-    axisPointer: {
-        label: { show: true, backgroundColor: transparent, color: black },
-    },
-};
 export var OPTION_Y_AXIS = { type: value };
 //# sourceMappingURL=constants.js.map

package/build/main//321/201omponents/Charts/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/сomponents/Charts/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE7B,IAAA,UAAU,GAAY,MAAM,WAAlB,EAAE,KAAK,GAAK,MAAM,MAAX,CAAW;AACpC,MAAM,CAAN,IAAY,OAYX;AAZD,WAAY,OAAO;IACjB,4BAAiB,CAAA;IACjB,wBAAa,CAAA;IACb,4BAAiB,CAAA;IACjB,4BAAiB,CAAA;IACjB,gCAAqB,CAAA;IACrB,sCAA2B,CAAA;IAC3B,0BAAe,CAAA;IACf,4BAAiB,CAAA;IACjB,sBAAW,CAAA;IACX,sBAAW,CAAA;IACX,wBAAa,CAAA;AACf,CAAC,EAZW,OAAO,KAAP,OAAO,QAYlB;AAEO,IAAA,MAAM,GAAyC,OAAO,OAAhD,EAAE,IAAI,GAAmC,OAAO,KAA1C,EAAE,QAAQ,GAAyB,OAAO,SAAhC,EAAE,WAAW,GAAY,OAAO,YAAnB,EAAE,KAAK,GAAK,OAAO,MAAZ,CAAY;AAE9D,MAAM,CAAC,IAAM,YAAY,GAAG;IAC1B,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;CAC5B,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,CAAA;AAE/C,MAAM,CAAC,IAAM,WAAW,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,CAAA;AAEzF,MAAM,CAAC,IAAM,aAAa,GAAG;IAC3B,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE;QACR,SAAS,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE;KACjC;IACD,SAAS,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE;IAChC,WAAW,EAAE;QACX,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,eAAe,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE;KAClE;CACF,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,CAAA"}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/сomponents/Charts/constants.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAExC,MAAM,CAAN,IAAY,OAYX;AAZD,WAAY,OAAO;IACjB,4BAAiB,CAAA;IACjB,wBAAa,CAAA;IACb,4BAAiB,CAAA;IACjB,4BAAiB,CAAA;IACjB,gCAAqB,CAAA;IACrB,sCAA2B,CAAA;IAC3B,0BAAe,CAAA;IACf,4BAAiB,CAAA;IACjB,sBAAW,CAAA;IACX,sBAAW,CAAA;IACX,wBAAa,CAAA;AACf,CAAC,EAZW,OAAO,KAAP,OAAO,QAYlB;AAEO,IAAA,KAAK,GAAK,MAAM,MAAX,CAAW;AAChB,IAAA,MAAM,GAAkB,OAAO,OAAzB,EAAE,IAAI,GAAY,OAAO,KAAnB,EAAE,KAAK,GAAK,OAAO,MAAZ,CAAY;AAEvC,MAAM,CAAC,IAAM,YAAY,GAAG;IAC1B,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;CAC5B,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAA2B,EAAE,OAAO,EAAE,IAAI,EAAE,CAAA;AACvE,MAAM,CAAC,IAAM,WAAW,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,CAAA;AACzF,MAAM,CAAC,IAAM,aAAa,GAAgB,EAAE,IAAI,EAAE,KAAK,EAAE,CAAA"}

package/build/main//321/201omponents/Charts/helpers.d.ts

@@ -1,33 +1,13 @@
+import { SeriesOption } from 'echarts';
+import { XAXisOption } from 'echarts/types/dist/shared';
 import { OPTIONS } from './constants';
 import { TChartData, TChartPieData, TGenerateLegendProps } from './types';
 export declare const calculateValue: (data: number[]) => number;
-export declare const calculatePieValue: (data: TChartPieData[]) => number;
+export declare const calculatePieValue: (data: TChartPieData[]) => string;
 export declare const generateLegendItemValue: (itemName: string, data: TChartData[]) => string;
 export declare const generatePieLegendItemValue: (itemName: string, data: TChartPieData[]) => string;
-export declare const generateLineItem: (data: TChartData[]) => {
-    name: string;
-    data: number[];
-    type: OPTIONS;
-    itemStyle: {
-        color: string;
-    };
-    lineStyle: {
-        width: number;
-    };
-    smooth: boolean;
-    showSymbol: boolean;
-    emphasis: {
-        focus: OPTIONS;
-    };
-}[];
-export declare const generateBarItem: (data: TChartData[]) => {
-    name: string;
-    data: number[];
-    type: OPTIONS;
-    itemStyle: {
-        color: string;
-    };
-}[];
+export declare const generateLineItem: (data: TChartData[]) => SeriesOption[];
+export declare const generateBarItem: (data: TChartData[]) => SeriesOption[];
 export declare const generateLegend: ({ data, chartType }: TGenerateLegendProps) => {
     itemGap: number;
     bottom: number;
@@ -66,3 +46,4 @@ export declare const generateLegend: ({ data, chartType }: TGenerateLegendProps)
     icon: OPTIONS.circle;
     data?: string[] | undefined;
 } | undefined;
+export declare const generateXAxis: (data: string[]) => XAXisOption;

package/build/main//321/201omponents/Charts/helpers.js

@@ -10,12 +10,15 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { OPTIONS } from './constants';
-var series = OPTIONS.series, line = OPTIONS.line, bar = OPTIONS.bar;
+import { LINE_COLOR } from './colors';
+import { COLORS } from '../../constants';
+var darkerGray = COLORS.darkerGray, black = COLORS.black, transparent = COLORS.transparent;
+var series = OPTIONS.series, line = OPTIONS.line, bar = OPTIONS.bar, category = OPTIONS.category;
 export var calculateValue = function (data) { return data.reduce(function (acc, val) { return acc + val; }, 0); };
 export var calculatePieValue = function (data) { return data.reduce(function (acc, _a) {
     var value = _a.value;
     return acc + value;
-}, 0); };
+}, 0).toString(); };
 var generateSumText = function (itemName, value) {
     var sumText = "{value|".concat(value, "}");
     return "{Name|".concat(itemName, "}\n\n").concat(sumText);
@@ -51,10 +54,12 @@ export var generateLineItem = function (data) {
         });
     });
 };
-export var generateBarItem = function (data) { return data.map(function (_a) {
-    var name = _a.name, color = _a.color, data = _a.data;
-    return ({ name: name, data: data, type: bar, itemStyle: { color: color } });
-}); };
+export var generateBarItem = function (data) {
+    return data.map(function (_a) {
+        var name = _a.name, color = _a.color, data = _a.data;
+        return ({ name: name, data: data, type: bar, itemStyle: { color: color } });
+    });
+};
 export var generateLegend = function (_a) {
     var data = _a.data, chartType = _a.chartType;
     var isLineChart = chartType === OPTIONS.line;
@@ -88,4 +93,15 @@ export var generateLegend = function (_a) {
             } });
     }
 };
+export var generateXAxis = function (data) { return ({
+    data: data,
+    type: category,
+    axisLine: {
+        lineStyle: { color: LINE_COLOR },
+    },
+    axisLabel: { color: darkerGray },
+    axisPointer: {
+        label: { show: true, backgroundColor: transparent, color: black },
+    },
+}); };
 //# sourceMappingURL=helpers.js.map

package/build/main//321/201omponents/Charts/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../src/сomponents/Charts/helpers.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAG7B,IAAA,MAAM,GAAgB,OAAO,OAAvB,EAAE,IAAI,GAAU,OAAO,KAAjB,EAAE,GAAG,GAAK,OAAO,IAAZ,CAAY;AAErC,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,IAAc,IAAK,OAAA,IAAI,CAAC,MAAM,CAAC,UAAC,GAAG,EAAE,GAAG,IAAK,OAAA,GAAG,GAAG,GAAG,EAAT,CAAS,EAAE,CAAC,CAAC,EAAvC,CAAuC,CAAA;AAEzF,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,IAAqB,IAAa,OAAA,IAAI,CAAC,MAAM,CAAC,UAAC,GAAG,EAAE,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,GAAG,GAAG,KAAK;AAAX,CAAW,EAAE,CAAC,CAAC,EAA/C,CAA+C,CAAA;AAEnH,IAAM,eAAe,GAAG,UAAC,QAAgB,EAAE,KAAa;IACtD,IAAM,OAAO,GAAG,iBAAU,KAAK,MAAG,CAAA;IAClC,OAAO,gBAAS,QAAQ,kBAAQ,OAAO,CAAE,CAAA;AAC3C,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAC,QAAgB,EAAE,IAAkB;IAC1E,IAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,UAAC,EAAQ;YAAN,IAAI,UAAA;QAAO,OAAA,IAAI,KAAK,QAAQ;IAAjB,CAAiB,CAAC,CAAA;IACvD,IAAM,KAAK,GAAG,cAAc,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,KAAI,EAAE,CAAC,CAAA;IAC9C,OAAO,eAAe,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;AACzC,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,0BAA0B,GAAG,UAAC,QAAgB,EAAE,IAAqB;IAChF,IAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,UAAC,EAAQ;YAAN,IAAI,UAAA;QAAO,OAAA,IAAI,KAAK,QAAQ;IAAjB,CAAiB,CAAC,CAAA;IACvD,IAAM,KAAK,GAAG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,KAAI,CAAC,CAAA;IAC9B,OAAO,eAAe,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;AACzC,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,IAAkB;IACjD,OAAA,IAAI,CAAC,GAAG,CAAC,UAAC,EAAqB;YAAnB,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;QAAO,OAAA,CAAC;YACnC,IAAI,MAAA;YACJ,IAAI,MAAA;YACJ,IAAI,EAAE,IAAI;YACV,SAAS,EAAE,EAAE,KAAK,OAAA,EAAE;YACpB,SAAS,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE;YACvB,MAAM,EAAE,IAAI;YACZ,UAAU,EAAE,KAAK;YACjB,QAAQ,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;SAC5B,CAAC;IATkC,CASlC,CAAC;AATH,CASG,CAAA;AAEL,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,IAAkB,IAAK,OAAA,IAAI,CAAC,GAAG,CAAC,UAAC,EAAqB;QAAnB,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IAAO,OAAA,CAAC,EAAE,IAAI,MAAA,EAAE,IAAI,MAAA,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,KAAK,OAAA,EAAE,EAAE,CAAC;AAAjD,CAAiD,CAAC,EAAtF,CAAsF,CAAA;AAE7I,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,EAAyC;QAAvC,IAAI,UAAA,EAAE,SAAS,eAAA;IAC9C,IAAM,WAAW,GAAG,SAAS,KAAK,OAAO,CAAC,IAAI,CAAA;IAC9C,IAAM,UAAU,GAAG,SAAS,KAAK,OAAO,CAAC,GAAG,CAAA;IAC5C,IAAM,UAAU,GAAG,SAAS,KAAK,OAAO,CAAC,GAAG,CAAA;IAE5C,IAAI,cAAc,GAAyB;QACzC,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,OAAO,CAAC,MAAM;QACpB,SAAS,EAAE;YACT,IAAI,EAAE;gBACJ,IAAI,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,MAAM,EAAE;gBAC7C,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,MAAM,EAAE;aAC/C;SACF;KACF,CAAA;IAED,IAAI,WAAW,IAAI,UAAU,EAAE;QAC7B,IAAM,WAAS,GAAG,IAAoB,CAAA;QACtC,cAAc,yBACT,cAAc,KACjB,IAAI,EAAE,WAAS,CAAC,GAAG,CAAC,UAAC,EAAQ;oBAAN,IAAI,UAAA;gBAAO,OAAA,IAAI;YAAJ,CAAI,CAAC,EACvC,SAAS,EAAE,UAAC,IAAY,IAAK,OAAA,uBAAuB,CAAC,IAAI,EAAE,WAAS,CAAC,EAAxC,CAAwC,GACtE,CAAA;KACF;IAED,IAAI,WAAW;QAAE,6BAAY,cAAc,KAAE,OAAO,EAAE,EAAE,IAAE;IAC1D,IAAI,UAAU;QAAE,6BAAY,cAAc,KAAE,OAAO,EAAE,EAAE,IAAE;IAEzD,IAAI,UAAU,EAAE;QACd,IAAM,cAAY,GAAG,IAAuB,CAAA;QAC5C,6BACK,cAAc,KACjB,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,EAAE,EACX,SAAS,EAAE,UAAC,IAAY,IAAK,OAAA,0BAA0B,CAAC,IAAI,EAAE,cAAY,CAAC,EAA9C,CAA8C,EAC3E,SAAS,EAAE;gBACT,IAAI,wBACC,cAAc,CAAC,SAAS,CAAC,IAAI,KAChC,IAAI,wBAAO,cAAc,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,KAAE,KAAK,EAAE,GAAG,MAC1D;aACF,IACF;KACF;AACH,CAAC,CAAA"}
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../src/сomponents/Charts/helpers.ts"],"names":[],"mappings":"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"}

package/build/main//321/201omponents/Checkbox/Checkbox.d.ts

@@ -1,4 +1,4 @@
 import { ICheckBoxProps } from './types';
 import '../../styles/styles.scss';
-declare const CheckBox: ({ id, isDisabled, isChecked, checkedColor, checkedHoverColor, checkedPressedColor, onChange, }: ICheckBoxProps) => import("react/jsx-runtime").JSX.Element;
+declare const CheckBox: ({ id, isDisabled, isChecked, className, styles, checkedColor, checkedHoverColor, checkedPressedColor, onChange, }: ICheckBoxProps) => import("react/jsx-runtime").JSX.Element;
 export default CheckBox;

package/build/main//321/201omponents/Checkbox/Checkbox.js

@@ -11,16 +11,17 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef } from 'react';
+import classNames from 'classnames';
 import { ReactComponent as CheckIcon } from '../../assets/icons/check-mark.svg';
-import { getColor } from '../../helpers';
+import { generateColor } from '../../helpers';
 import { COLORS } from '../../constants';
 import '../../styles/styles.scss';
 var CheckBox = function (_a) {
-    var id = _a.id, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, _c = _a.isChecked, isChecked = _c === void 0 ? false : _c, checkedColor = _a.checkedColor, checkedHoverColor = _a.checkedHoverColor, checkedPressedColor = _a.checkedPressedColor, _d = _a.onChange, onChange = _d === void 0 ? function () { return undefined; } : _d;
+    var id = _a.id, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, _c = _a.isChecked, isChecked = _c === void 0 ? false : _c, className = _a.className, styles = _a.styles, checkedColor = _a.checkedColor, checkedHoverColor = _a.checkedHoverColor, checkedPressedColor = _a.checkedPressedColor, _d = _a.onChange, onChange = _d === void 0 ? function () { return undefined; } : _d;
     var checkBoxRef = useRef(null);
     useEffect(function () {
-        document.documentElement.style.setProperty('--checkbox-hover-color', getColor(checkedHoverColor, COLORS.darkBlue));
-        document.documentElement.style.setProperty('--checkbox-pressed-color', getColor(checkedPressedColor, COLORS.darkerBlue));
+        document.documentElement.style.setProperty('--checkbox-hover-color', generateColor(checkedHoverColor, COLORS.darkBlue));
+        document.documentElement.style.setProperty('--checkbox-pressed-color', generateColor(checkedPressedColor, COLORS.darkerBlue));
     }, [checkedHoverColor, checkedPressedColor]);
     useEffect(function () {
         window.addEventListener('mouseup', handleMouseUp);
@@ -30,7 +31,7 @@ var CheckBox = function (_a) {
     }, []);
     var handleMouseDown = function () { var _a; return (_a = checkBoxRef.current) === null || _a === void 0 ? void 0 : _a.classList.add('smartapp-check-box__pressed'); };
     var handleMouseUp = function () { var _a; return (_a = checkBoxRef.current) === null || _a === void 0 ? void 0 : _a.classList.remove('smartapp-check-box__pressed'); };
-    return (_jsx("div", __assign({ ref: checkBoxRef, className: "smartapp-check-box" }, { children: _jsxs("label", __assign({ htmlFor: "cb-".concat(id) }, { children: [_jsx("input", { id: "cb-".concat(id), type: "checkbox", className: "smartapp-check-box__custom-check-box", disabled: isDisabled, checked: isChecked, onChange: onChange }), isChecked ? (_jsx(CheckIcon, { style: { color: getColor(checkedColor, COLORS.blue) }, onMouseDown: handleMouseDown })) : (_jsx("span", { className: "checkmark", onMouseDown: handleMouseDown }))] })) })));
+    return (_jsx("div", __assign({ ref: checkBoxRef, className: classNames('smartapp-check-box', className), style: styles }, { children: _jsxs("label", __assign({ htmlFor: "cb-".concat(id) }, { children: [_jsx("input", { id: "cb-".concat(id), type: "checkbox", className: "smartapp-check-box__custom-check-box", disabled: isDisabled, checked: isChecked, onChange: onChange }), isChecked ? (_jsx(CheckIcon, { style: { color: generateColor(checkedColor, COLORS.blue) }, onMouseDown: handleMouseDown })) : (_jsx("span", { className: "checkmark", onMouseDown: handleMouseDown }))] })) })));
 };
 export default CheckBox;
 //# sourceMappingURL=Checkbox.js.map

package/build/main//321/201omponents/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/сomponents/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,mCAAmC,CAAA;AAE/E,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,0BAA0B,CAAA;AAEjC,IAAM,QAAQ,GAAG,UAAC,EAQD;QAPf,EAAE,QAAA,EACF,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,YAAY,kBAAA,EACZ,iBAAiB,uBAAA,EACjB,mBAAmB,yBAAA,EACnB,gBAAgC,EAAhC,QAAQ,mBAAG,cAAY,OAAA,SAAS,EAAT,CAAS,KAAA;IAEhC,IAAM,WAAW,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IAEvD,SAAS,CAAC;QACR,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,wBAAwB,EAAE,QAAQ,CAAC,iBAAiB,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAA;QAClH,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,0BAA0B,EAAE,QAAQ,CAAC,mBAAmB,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC,CAAA;IAC1H,CAAC,EAAE,CAAC,iBAAiB,EAAE,mBAAmB,CAAC,CAAC,CAAA;IAE5C,SAAS,CAAC;QACR,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QAEjD,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QACtD,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,eAAe,GAAG,sBAAM,OAAA,MAAA,WAAW,CAAC,OAAO,0CAAE,SAAS,CAAC,GAAG,CAAC,6BAA6B,CAAC,CAAA,EAAA,CAAA;IAC/F,IAAM,aAAa,GAAG,sBAAM,OAAA,MAAA,WAAW,CAAC,OAAO,0CAAE,SAAS,CAAC,MAAM,CAAC,6BAA6B,CAAC,CAAA,EAAA,CAAA;IAEhG,OAAO,CACL,uBAAK,GAAG,EAAE,WAAW,EAAE,SAAS,EAAC,oBAAoB,gBACnD,0BAAO,OAAO,EAAE,aAAM,EAAE,CAAE,iBACxB,gBACE,EAAE,EAAE,aAAM,EAAE,CAAE,EACd,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,sCAAsC,EAChD,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,QAAQ,GAClB,EACD,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,SAAS,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,eAAe,GAAI,CACnG,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,WAAW,EAAC,WAAW,EAAE,eAAe,GAAI,CAC7D,KACK,IACJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/сomponents/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,mCAAmC,CAAA;AAE/E,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,0BAA0B,CAAA;AAEjC,IAAM,QAAQ,GAAG,UAAC,EAUD;QATf,EAAE,QAAA,EACF,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,SAAS,eAAA,EACT,MAAM,YAAA,EACN,YAAY,kBAAA,EACZ,iBAAiB,uBAAA,EACjB,mBAAmB,yBAAA,EACnB,gBAAgC,EAAhC,QAAQ,mBAAG,cAAY,OAAA,SAAS,EAAT,CAAS,KAAA;IAEhC,IAAM,WAAW,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IAEvD,SAAS,CAAC;QACR,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,wBAAwB,EAAE,aAAa,CAAC,iBAAiB,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAA;QACvH,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,0BAA0B,EAAE,aAAa,CAAC,mBAAmB,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC,CAAA;IAC/H,CAAC,EAAE,CAAC,iBAAiB,EAAE,mBAAmB,CAAC,CAAC,CAAA;IAE5C,SAAS,CAAC;QACR,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QAEjD,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QACtD,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,eAAe,GAAG,sBAAM,OAAA,MAAA,WAAW,CAAC,OAAO,0CAAE,SAAS,CAAC,GAAG,CAAC,6BAA6B,CAAC,CAAA,EAAA,CAAA;IAC/F,IAAM,aAAa,GAAG,sBAAM,OAAA,MAAA,WAAW,CAAC,OAAO,0CAAE,SAAS,CAAC,MAAM,CAAC,6BAA6B,CAAC,CAAA,EAAA,CAAA;IAEhG,OAAO,CACL,uBAAK,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,CAAC,oBAAoB,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,gBAC1F,0BAAO,OAAO,EAAE,aAAM,EAAE,CAAE,iBACxB,gBACE,EAAE,EAAE,aAAM,EAAE,CAAE,EACd,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,sCAAsC,EAChD,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,QAAQ,GAClB,EACD,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,SAAS,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,YAAY,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,eAAe,GAAI,CACxG,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,WAAW,EAAC,WAAW,EAAE,eAAe,GAAI,CAC7D,KACK,IACJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

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

@@ -1,7 +1,10 @@
+import { TStyles } from '../../constants';
 export interface ICheckBoxProps {
     id: string;
     isDisabled?: boolean;
     isChecked?: boolean;
+    className?: string;
+    styles?: TStyles;
     checkedColor?: string;
     checkedHoverColor?: string;
     checkedPressedColor?: string;

package/build/main//321/201omponents/Chip/Chip.d.ts

@@ -1,4 +1,4 @@
 import { IChipProps } from './types';
 import '../../styles/styles.scss';
-declare const Chip: ({ name, avatar, isAvatarHidden, isDisabled, isError, iconColor, onDelete }: IChipProps) => import("react/jsx-runtime").JSX.Element;
+declare const Chip: ({ name, avatar, isAvatarHidden, isDisabled, isError, className, styles, iconColor, onDelete }: IChipProps) => import("react/jsx-runtime").JSX.Element;
 export default Chip;

package/build/main//321/201omponents/Chip/Chip.js

@@ -11,21 +11,16 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef } from 'react';
+import classNames from 'classnames';
 import Avatar from '../Avatar';
-import { getClassNames, getColor } from '../../helpers';
-import { COLORS, DISABLED_CLASSNAME, ERROR_CLASSNAME } from '../../constants';
+import { generateColor } from '../../helpers';
+import { COLORS } from '../../constants';
 import { ReactComponent as DeleteIcon } from '../../assets/icons/delete-chip.svg';
 import '../../styles/styles.scss';
 var Chip = function (_a) {
-    var name = _a.name, avatar = _a.avatar, _b = _a.isAvatarHidden, isAvatarHidden = _b === void 0 ? false : _b, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isError, isError = _d === void 0 ? false : _d, iconColor = _a.iconColor, onDelete = _a.onDelete;
+    var name = _a.name, avatar = _a.avatar, _b = _a.isAvatarHidden, isAvatarHidden = _b === void 0 ? false : _b, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isError, isError = _d === void 0 ? false : _d, className = _a.className, styles = _a.styles, iconColor = _a.iconColor, onDelete = _a.onDelete;
     var isChipDisabled = isError ? false : isDisabled;
     var chipRef = useRef(null);
-    var generateAdditionalClassName = function () {
-        var classNames = [];
-        isError && classNames.push(ERROR_CLASSNAME);
-        isChipDisabled && classNames.push(DISABLED_CLASSNAME);
-        return classNames;
-    };
     useEffect(function () {
         window.addEventListener('mouseup', handleMouseUp);
         return function () {
@@ -34,7 +29,7 @@ var Chip = function (_a) {
     }, []);
     var handleMouseDown = function () { var _a; return (_a = chipRef.current) === null || _a === void 0 ? void 0 : _a.classList.add('smartapp-chip__pressed'); };
     var handleMouseUp = function () { var _a; return (_a = chipRef.current) === null || _a === void 0 ? void 0 : _a.classList.remove('smartapp-chip__pressed'); };
-    return (_jsxs("div", __assign({ ref: chipRef, className: getClassNames({ className: 'smartapp-chip', delimiter: '__', additionalClassName: generateAdditionalClassName() }) }, { children: [_jsxs("div", __assign({ className: "smartapp-chip__info" }, { children: [!isAvatarHidden && !isError && _jsx(Avatar, { username: name, avatar: avatar, size: 24 }), _jsx("p", __assign({ className: "smartapp-chip__info--name" }, { children: name }))] })), !isChipDisabled && onDelete && (_jsx("div", __assign({ className: "smartapp-chip__delete-icon", onClick: function () { return onDelete(name); }, onMouseDown: handleMouseDown }, { children: _jsx(DeleteIcon, { style: { color: getColor(iconColor, isError ? COLORS.red : COLORS.darkerGray) } }) })))] })));
+    return (_jsxs("div", __assign({ ref: chipRef, className: classNames('smartapp-chip', { 'smartapp-chip__error': isError, 'smartapp-chip__disabled': isChipDisabled }, className), style: styles }, { children: [_jsxs("div", __assign({ className: "smartapp-chip__info" }, { children: [!isAvatarHidden && !isError && _jsx(Avatar, { username: name, avatar: avatar, size: 24 }), _jsx("p", __assign({ className: "smartapp-chip__info--name" }, { children: name }))] })), !isChipDisabled && onDelete && (_jsx("div", __assign({ className: "smartapp-chip__delete-icon", onClick: function () { return onDelete(name); }, onMouseDown: handleMouseDown }, { children: _jsx(DeleteIcon, { style: { color: generateColor(iconColor, isError ? COLORS.red : COLORS.darkerGray) } }) })))] })));
 };
 export default Chip;
 //# sourceMappingURL=Chip.js.map

package/build/main//321/201omponents/Chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../../src/сomponents/Chip/Chip.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACvD,OAAO,EAAE,MAAM,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAE7E,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,oCAAoC,CAAA;AACjF,OAAO,0BAA0B,CAAA;AAEjC,IAAM,IAAI,GAAG,UAAC,EAA8G;QAA5G,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,sBAAsB,EAAtB,cAAc,mBAAG,KAAK,KAAA,EAAE,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAAE,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA;IAC5G,IAAM,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAA;IACnD,IAAM,OAAO,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IAEnD,IAAM,2BAA2B,GAAG;QAClC,IAAM,UAAU,GAAG,EAAE,CAAA;QAErB,OAAO,IAAI,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;QAC3C,cAAc,IAAI,UAAU,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAA;QAErD,OAAO,UAAU,CAAA;IACnB,CAAC,CAAA;IAED,SAAS,CAAC;QACR,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QAEjD,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QACtD,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,eAAe,GAAG,sBAAM,OAAA,MAAA,OAAO,CAAC,OAAO,0CAAE,SAAS,CAAC,GAAG,CAAC,wBAAwB,CAAC,CAAA,EAAA,CAAA;IACtF,IAAM,aAAa,GAAG,sBAAM,OAAA,MAAA,OAAO,CAAC,OAAO,0CAAE,SAAS,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAA,EAAA,CAAA;IAEvF,OAAO,CACL,wBAAK,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,SAAS,EAAE,IAAI,EAAE,mBAAmB,EAAE,2BAA2B,EAAE,EAAE,CAAC,iBAC9I,wBAAK,SAAS,EAAC,qBAAqB,iBACjC,CAAC,cAAc,IAAI,CAAC,OAAO,IAAI,KAAC,MAAM,IAAC,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,GAAI,EACpF,qBAAG,SAAS,EAAC,2BAA2B,gBAAE,IAAI,IAAK,KAC/C,EACL,CAAC,cAAc,IAAI,QAAQ,IAAI,CAC9B,uBAAK,SAAS,EAAC,4BAA4B,EAAC,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,IAAI,CAAC,EAAd,CAAc,EAAE,WAAW,EAAE,eAAe,gBACrG,KAAC,UAAU,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,GAAI,IAC3F,CACP,KACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../../src/сomponents/Chip/Chip.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAExC,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,oCAAoC,CAAA;AACjF,OAAO,0BAA0B,CAAA;AAEjC,IAAM,IAAI,GAAG,UAAC,EAAiI;QAA/H,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,sBAAsB,EAAtB,cAAc,mBAAG,KAAK,KAAA,EAAE,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAAE,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EAAE,SAAS,eAAA,EAAE,MAAM,YAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA;IAC/H,IAAM,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAA;IACnD,IAAM,OAAO,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IAEnD,SAAS,CAAC;QACR,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QAEjD,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QACtD,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,eAAe,GAAG,sBAAM,OAAA,MAAA,OAAO,CAAC,OAAO,0CAAE,SAAS,CAAC,GAAG,CAAC,wBAAwB,CAAC,CAAA,EAAA,CAAA;IACtF,IAAM,aAAa,GAAG,sBAAM,OAAA,MAAA,OAAO,CAAC,OAAO,0CAAE,SAAS,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAA,EAAA,CAAA;IAEvF,OAAO,CACL,wBACE,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE,EAAE,sBAAsB,EAAE,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,EAAE,SAAS,CAAC,EACjI,KAAK,EAAE,MAAM,iBAEb,wBAAK,SAAS,EAAC,qBAAqB,iBACjC,CAAC,cAAc,IAAI,CAAC,OAAO,IAAI,KAAC,MAAM,IAAC,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,GAAI,EACpF,qBAAG,SAAS,EAAC,2BAA2B,gBAAE,IAAI,IAAK,KAC/C,EACL,CAAC,cAAc,IAAI,QAAQ,IAAI,CAC9B,uBAAK,SAAS,EAAC,4BAA4B,EAAC,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,IAAI,CAAC,EAAd,CAAc,EAAE,WAAW,EAAE,eAAe,gBACrG,KAAC,UAAU,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,GAAI,IAChG,CACP,KACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}

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

@@ -1,10 +1,12 @@
-import { IThemeProps } from '../../constants';
+import { IThemeProps, TStyles } from '../../constants';
 export interface IChipProps extends IThemeProps {
     name: string;
     avatar?: string;
     isAvatarHidden?: boolean;
     isDisabled?: boolean;
     isError?: boolean;
+    className?: string;
+    styles?: TStyles;
     iconColor?: string;
     onDelete?: (name?: string) => void;
 }

package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.d.ts

@@ -1,4 +1,4 @@
 import { IConfirmationModalProps } from './types';
 import '../../styles/styles.scss';
-declare const ConfirmationModal: ({ isModalOpen, isClosableOutside, isCloseIconHidden, isWaitingResponse, layoutType, title, text, cancelButtonName, confirmButtonName, cancelButtonFunction, confirmButtonFunction, platform, titleStyles, iconColor, backgroundColor, }: IConfirmationModalProps) => import("react/jsx-runtime").JSX.Element;
+declare const ConfirmationModal: ({ isModalOpen, isClosableOutside, isConfirmLoading, isCancelLoading, isCloseIconHidden, title, text, cancelButtonName, confirmButtonName, cancelButtonFunction, confirmButtonFunction, handleCloseModal, platform, popupClassName, className, popupStyles, styles, titleStyles, iconColor, backgroundColor, buttonsDirection, }: IConfirmationModalProps) => import("react/jsx-runtime").JSX.Element;
 export default ConfirmationModal;

package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.js

@@ -12,33 +12,37 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef } from 'react';
 import Popup from 'reactjs-popup';
-import { ReactComponent as CloseIcon } from '../../assets/icons/cancel-cross.svg';
+import classNames from 'classnames';
 import Button from '../Button';
 import { TButtonVariant } from '../Button/types';
-import { CLOSABLE_CLASS_NAME, FIXED_WIDTH_CLASS_NAME, LAYOUT_TYPE, PLATFORM } from '../../constants';
-import { getClassNames, getColor, isMobilePlatform, isModalHasFixedWidth } from '../../helpers';
+import { PLATFORM, MODAL_BUTTONS_DIRECTION } from '../../constants';
+import { generateClassNames, generateColor, generateIsCloseIconHidden } from '../../helpers';
+import { ReactComponent as CloseIcon } from '../../assets/icons/cancel-cross.svg';
 import '../../styles/styles.scss';
+var ROW = 'row';
+var COLUMN_REVERSE = 'column-reverse';
 var ConfirmationModal = function (_a) {
-    var isModalOpen = _a.isModalOpen, _b = _a.isClosableOutside, isClosableOutside = _b === void 0 ? false : _b, _c = _a.isCloseIconHidden, isCloseIconHidden = _c === void 0 ? false : _c, isWaitingResponse = _a.isWaitingResponse, _d = _a.layoutType, layoutType = _d === void 0 ? LAYOUT_TYPE.minimal : _d, title = _a.title, text = _a.text, cancelButtonName = _a.cancelButtonName, confirmButtonName = _a.confirmButtonName, cancelButtonFunction = _a.cancelButtonFunction, confirmButtonFunction = _a.confirmButtonFunction, _e = _a.platform, platform = _e === void 0 ? PLATFORM.web : _e, titleStyles = _a.titleStyles, iconColor = _a.iconColor, backgroundColor = _a.backgroundColor;
-    var additionalClassName = isModalHasFixedWidth({ layoutType: layoutType, platform: platform }) ? [platform, FIXED_WIDTH_CLASS_NAME] : [platform];
-    var popupAdditionalClassName = isClosableOutside ? [platform, CLOSABLE_CLASS_NAME] : [platform];
-    var confirmButtonWidth = cancelButtonName ? 50 : 100;
+    var isModalOpen = _a.isModalOpen, _b = _a.isClosableOutside, isClosableOutside = _b === void 0 ? true : _b, _c = _a.isConfirmLoading, isConfirmLoading = _c === void 0 ? false : _c, _d = _a.isCancelLoading, isCancelLoading = _d === void 0 ? false : _d, isCloseIconHidden = _a.isCloseIconHidden, title = _a.title, text = _a.text, cancelButtonName = _a.cancelButtonName, confirmButtonName = _a.confirmButtonName, cancelButtonFunction = _a.cancelButtonFunction, confirmButtonFunction = _a.confirmButtonFunction, handleCloseModal = _a.handleCloseModal, _e = _a.platform, platform = _e === void 0 ? PLATFORM.web : _e, popupClassName = _a.popupClassName, className = _a.className, popupStyles = _a.popupStyles, styles = _a.styles, titleStyles = _a.titleStyles, iconColor = _a.iconColor, backgroundColor = _a.backgroundColor, _f = _a.buttonsDirection, buttonsDirection = _f === void 0 ? MODAL_BUTTONS_DIRECTION.row : _f;
     var ref = useRef(null);
+    var btnsContainerDirection = buttonsDirection === MODAL_BUTTONS_DIRECTION.row ? ROW : COLUMN_REVERSE;
+    var isCloseIconNotVisible = generateIsCloseIconHidden(platform, isCloseIconHidden);
     useEffect(function () {
-        document.documentElement.style.setProperty('--confirmation-modal-background', getColor(backgroundColor));
+        document.documentElement.style.setProperty('--confirmation-modal-background', generateColor(backgroundColor));
     }, [backgroundColor]);
+    var cancelFunction = handleCloseModal || cancelButtonFunction;
     useEffect(function () {
         var checkIfClickedOutside = function (e) {
             if (isModalOpen && isClosableOutside && ref.current && !ref.current.contains(e.target)) {
-                cancelButtonFunction();
+                cancelFunction();
             }
         };
         document === null || document === void 0 ? void 0 : document.addEventListener('click', checkIfClickedOutside, true);
         return function () {
             document === null || document === void 0 ? void 0 : document.removeEventListener('click', checkIfClickedOutside, true);
         };
-    }, [isModalOpen, isClosableOutside, cancelButtonFunction]);
-    return (_jsx(Popup, __assign({ className: getClassNames({ className: 'confirmation-modal', delimiter: '-', additionalClassName: popupAdditionalClassName }), closeOnDocumentClick: isClosableOutside, modal: true, open: isModalOpen }, { children: _jsx("div", __assign({ ref: ref, className: getClassNames({ className: 'smartapp-confirmation-modal', delimiter: '__', additionalClassName: additionalClassName }) }, { children: _jsxs("div", __assign({ className: getClassNames({ className: 'smartapp-confirmation-modal__content', delimiter: '--', additionalClassName: platform }) }, { children: [title && (_jsx("p", __assign({ className: "smartapp-confirmation-modal__content--title", style: titleStyles }, { children: title }))), isClosableOutside && !isCloseIconHidden && (_jsx("div", __assign({ onClick: cancelButtonFunction, className: "smartapp-confirmation-modal__content--close-icon" }, { children: _jsx(CloseIcon, { style: { color: getColor(iconColor) } }) }))), _jsx("p", __assign({ className: "smartapp-confirmation-modal__content--text" }, { children: text })), isMobilePlatform(platform) && _jsx("div", { className: "smartapp-confirmation-modal__content--delimiter" }), _jsxs("div", __assign({ className: "smartapp-confirmation-modal__content--buttons" }, { children: [cancelButtonName && _jsx(Button, { width: 50, title: cancelButtonName, variant: TButtonVariant.secondary, onClick: cancelButtonFunction }), _jsx(Button, { width: confirmButtonWidth, isWaitingResponse: isWaitingResponse, title: confirmButtonName, onClick: confirmButtonFunction })] }))] })) })) })));
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [isModalOpen, isClosableOutside]);
+    return (_jsx(Popup, __assign({ className: classNames('confirmation-modal', popupClassName), overlayStyle: popupStyles, closeOnDocumentClick: isClosableOutside, modal: true, open: isModalOpen }, { children: _jsx("div", __assign({ ref: ref, className: classNames('smartapp-confirmation-modal', className), style: styles }, { children: _jsxs("div", __assign({ className: generateClassNames({ className: 'smartapp-confirmation-modal__content', delimiter: '--', additionalClassName: platform }) }, { children: [title && (_jsx("p", __assign({ className: "smartapp-confirmation-modal__content--title", style: titleStyles }, { children: title }))), !isCloseIconNotVisible && (_jsx("div", __assign({ onClick: cancelFunction, className: "smartapp-confirmation-modal__content--close-icon" }, { children: _jsx(CloseIcon, { style: { color: generateColor(iconColor) } }) }))), _jsx("p", __assign({ className: "smartapp-confirmation-modal__content--text" }, { children: text })), _jsxs("div", __assign({ style: { flexDirection: btnsContainerDirection }, className: "smartapp-confirmation-modal__content--buttons" }, { children: [cancelButtonName && (_jsx(Button, { title: cancelButtonName, isWaitingResponse: isCancelLoading, variant: TButtonVariant.secondary, onClick: cancelButtonFunction, isDisabled: isConfirmLoading })), _jsx(Button, { isWaitingResponse: isConfirmLoading, title: confirmButtonName, onClick: confirmButtonFunction, isDisabled: isCancelLoading })] }))] })) })) })));
 };
 export default ConfirmationModal;
 //# sourceMappingURL=ConfirmationModal.js.map

package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmationModal.js","sourceRoot":"","sources":["../../../../src/сomponents/ConfirmationModal/ConfirmationModal.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ConfirmationModal.js","sourceRoot":"","sources":["../../../../src/сomponents/ConfirmationModal/ConfirmationModal.tsx"],"names":[],"mappings":"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"}

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

@@ -1,16 +1,24 @@
-import { ICommonProps, ILayoutTypeProps, TStyles } from '../../constants';
-export interface IConfirmationModalProps extends ICommonProps, ILayoutTypeProps {
+import { ReactNode } from 'react';
+import { ICommonProps, TStyles } from '../../constants';
+export interface IConfirmationModalProps extends ICommonProps {
     isModalOpen: boolean;
     isClosableOutside?: boolean;
     isCloseIconHidden?: boolean;
-    isWaitingResponse?: boolean;
+    isConfirmLoading?: boolean;
+    isCancelLoading?: boolean;
     title?: string;
-    text: string;
+    text: ReactNode;
     cancelButtonName?: string;
     confirmButtonName: string;
     cancelButtonFunction: () => void;
     confirmButtonFunction: (option?: any) => void;
+    handleCloseModal?: () => void;
+    popupClassName?: string;
+    className?: string;
+    popupStyles?: TStyles;
+    styles?: TStyles;
     titleStyles?: TStyles;
     iconColor?: string;
     backgroundColor?: string;
+    buttonsDirection?: 'row' | 'column';
 }

package/build/main//321/201omponents/ContextMenu/ContextMenu.d.ts

@@ -1,4 +1,4 @@
 import { IContextMenuProps } from './types';
 import '../../styles/styles.scss';
-declare const ContextMenu: ({ theme, isMenuOpen, isClickForbidden, position: { x, y }, menuWidth, menuStyles, itemStyles, items, closeMenu, }: IContextMenuProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const ContextMenu: ({ theme, isMenuOpen, isClickForbidden, position: { x, y }, menuWidth, containerClassName, menuClassName, itemClassName, containerStyles, menuStyles, itemStyles, items, closeMenu, }: IContextMenuProps) => import("react/jsx-runtime").JSX.Element | null;
 export default ContextMenu;

package/build/main//321/201omponents/ContextMenu/ContextMenu.js

@@ -12,12 +12,11 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useLayoutEffect, useRef, useState } from 'react';
 import classNames from 'classnames';
-import { getClassNames } from '../../helpers';
 import { CONTEXT_MENU_SAFE_SPACE, CONTEXT_MENU_WIDTH, THEME } from '../../constants';
 import '../../styles/styles.scss';
 var ContextMenu = function (_a) {
     var _b;
-    var _c = _a.theme, theme = _c === void 0 ? THEME.default : _c, isMenuOpen = _a.isMenuOpen, _d = _a.isClickForbidden, isClickForbidden = _d === void 0 ? false : _d, _e = _a.position, x = _e.x, y = _e.y, _f = _a.menuWidth, menuWidth = _f === void 0 ? CONTEXT_MENU_WIDTH : _f, _g = _a.menuStyles, menuStyles = _g === void 0 ? {} : _g, _h = _a.itemStyles, itemStyles = _h === void 0 ? {} : _h, items = _a.items, closeMenu = _a.closeMenu;
+    var _c = _a.theme, theme = _c === void 0 ? THEME.default : _c, isMenuOpen = _a.isMenuOpen, _d = _a.isClickForbidden, isClickForbidden = _d === void 0 ? false : _d, _e = _a.position, x = _e.x, y = _e.y, _f = _a.menuWidth, menuWidth = _f === void 0 ? CONTEXT_MENU_WIDTH : _f, containerClassName = _a.containerClassName, menuClassName = _a.menuClassName, itemClassName = _a.itemClassName, containerStyles = _a.containerStyles, _g = _a.menuStyles, menuStyles = _g === void 0 ? {} : _g, _h = _a.itemStyles, itemStyles = _h === void 0 ? {} : _h, items = _a.items, closeMenu = _a.closeMenu;
     var elementRef = useRef(null);
     var _j = useState(((_b = elementRef === null || elementRef === void 0 ? void 0 : elementRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight) || 0), contextMenuHeight = _j[0], setContextMenuHeight = _j[1];
     var clientHeight = document.documentElement.clientHeight;
@@ -43,13 +42,13 @@ var ContextMenu = function (_a) {
                 'smartapp-context-menu__items--negative': isNegativeAction,
                 'smartapp-context-menu__items--selected': isSelected,
                 'smartapp-context-menu__items--disabled': isDisabled,
-            }), disabled: isDisabled, style: itemStyles, onClick: function () { return handleMenuItemClick(action); } }, { children: [icon && _jsx("div", { children: icon }), _jsx("span", { children: title })] }), title));
+            }, itemClassName), disabled: isDisabled, style: itemStyles, onClick: function () { return handleMenuItemClick(action); } }, { children: [icon && _jsx("div", { children: icon }), _jsx("span", { children: title })] }), title));
     });
     var contextMenuStyles = __assign({ top: y + contextMenuHeight > clientHeight ? clientHeight - contextMenuHeight - CONTEXT_MENU_SAFE_SPACE : y, left: x + menuWidth > clientWidth ? clientWidth - menuWidth - CONTEXT_MENU_SAFE_SPACE : x, width: menuWidth }, menuStyles);
     if (!isMenuOpen) {
         return null;
     }
-    return (_jsx("div", __assign({ className: "smartapp-context-menu", onClick: handleMenuClose, onContextMenu: handleContextMenu }, { children: _jsx("div", __assign({ ref: elementRef, className: getClassNames({ className: 'smartapp-context-menu__items', delimiter: '--', additionalClassName: theme }), style: contextMenuStyles }, { children: contextMenuItems })) })));
+    return (_jsx("div", __assign({ className: classNames('smartapp-context-menu', containerClassName), style: containerStyles, onClick: handleMenuClose, onContextMenu: handleContextMenu }, { children: _jsx("div", __assign({ ref: elementRef, className: classNames('smartapp-context-menu__items', "smartapp-context-menu__items--".concat(theme), menuClassName), style: contextMenuStyles }, { children: contextMenuItems })) })));
 };
 export default ContextMenu;
 //# sourceMappingURL=ContextMenu.js.map

package/build/main//321/201omponents/ContextMenu/ContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.js","sourceRoot":"","sources":["../../../../src/сomponents/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ContextMenu.js","sourceRoot":"","sources":["../../../../src/сomponents/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":"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"}

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

@@ -16,6 +16,10 @@ export interface IContextMenuProps extends IThemeProps {
         y: number;
     };
     menuWidth?: number;
+    containerClassName?: string;
+    menuClassName?: string;
+    itemClassName?: string;
+    containerStyles?: TStyles;
     menuStyles?: TStyles;
     itemStyles?: TStyles;
     items: MenuItem[];

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

@@ -1,4 +1,4 @@
 import { ICustomSelectProps } from './types';
 import '../../styles/styles.scss';
-declare const CustomSelect: ({ theme, isLoading, isSearchable, isCreatable, isDisabled, fillType, width, menuListMaxHeight, title, placeholder, hint, noOptionsMessage, error, menuPosition, menuLocation, defaultValue, options, onChange, onDisabledOptionClick, onMenuOpen, }: ICustomSelectProps) => import("react/jsx-runtime").JSX.Element;
+declare const CustomSelect: ({ theme, isLoading, isSearchable, isCreatable, isDisabled, fillType, width, menuListMaxHeight, containerClassName, containerStyles, title, placeholder, hint, noOptionsMessage, error, menuPosition, menuLocation, defaultValue, options, onChange, onDisabledOptionClick, onMenuOpen, }: ICustomSelectProps) => import("react/jsx-runtime").JSX.Element;
 export default CustomSelect;

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

@@ -82,7 +82,7 @@ var ACTIONS = {
     inputChange: 'input-change',
 };
 var CustomSelect = function (_a) {
-    var _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, _c = _a.isLoading, isLoading = _c === void 0 ? false : _c, _d = _a.isSearchable, isSearchable = _d === void 0 ? false : _d, _e = _a.isCreatable, isCreatable = _e === void 0 ? false : _e, _f = _a.isDisabled, isDisabled = _f === void 0 ? false : _f, _g = _a.fillType, fillType = _g === void 0 ? FILL_TYPE.primary : _g, _h = _a.width, width = _h === void 0 ? 100 : _h, menuListMaxHeight = _a.menuListMaxHeight, title = _a.title, placeholder = _a.placeholder, hint = _a.hint, noOptionsMessage = _a.noOptionsMessage, error = _a.error, _j = _a.menuPosition, menuPosition = _j === void 0 ? MENU_POSITIONS.bottom : _j, menuLocation = _a.menuLocation, defaultValue = _a.defaultValue, options = _a.options, onChange = _a.onChange, _k = _a.onDisabledOptionClick, onDisabledOptionClick = _k === void 0 ? function () { } : _k, _l = _a.onMenuOpen, onMenuOpen = _l === void 0 ? function () { } : _l;
+    var _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, _c = _a.isLoading, isLoading = _c === void 0 ? false : _c, _d = _a.isSearchable, isSearchable = _d === void 0 ? false : _d, _e = _a.isCreatable, isCreatable = _e === void 0 ? false : _e, _f = _a.isDisabled, isDisabled = _f === void 0 ? false : _f, _g = _a.fillType, fillType = _g === void 0 ? FILL_TYPE.primary : _g, _h = _a.width, width = _h === void 0 ? 100 : _h, menuListMaxHeight = _a.menuListMaxHeight, containerClassName = _a.containerClassName, containerStyles = _a.containerStyles, title = _a.title, placeholder = _a.placeholder, hint = _a.hint, noOptionsMessage = _a.noOptionsMessage, error = _a.error, _j = _a.menuPosition, menuPosition = _j === void 0 ? MENU_POSITIONS.bottom : _j, menuLocation = _a.menuLocation, defaultValue = _a.defaultValue, options = _a.options, onChange = _a.onChange, _k = _a.onDisabledOptionClick, onDisabledOptionClick = _k === void 0 ? function () { } : _k, _l = _a.onMenuOpen, onMenuOpen = _l === void 0 ? function () { } : _l;
     var selectRef = useRef(null);
     var _m = useState(), value = _m[0], setValue = _m[1];
     var _o = useState(''), inputValue = _o[0], setInputValue = _o[1];
@@ -147,7 +147,7 @@ var CustomSelect = function (_a) {
             selectRefCurrent === null || selectRefCurrent === void 0 ? void 0 : selectRefCurrent.blur();
         }
     };
-    return (_jsxs("div", __assign({ className: "smartapp-custom-select", style: { width: "".concat(width, "%") } }, { children: [renderTitle(), isCreatable ? (_jsx(CreatableSelect, { ref: selectRef, menuPlacement: menuPosition, menuPosition: menuLocation, isLoading: isLoading, isDisabled: isDisabled, isClearable: isSelectClearable, controlShouldRenderValue: isDisabled, filterOption: creatableFilterOption, options: options, value: (value === null || value === void 0 ? void 0 : value.label) ? value : null, styles: generateStyles(), placeholder: placeholder, inputValue: isDisabled ? '' : inputValue, onInputChange: handleInputChange, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, onKeyDown: handleCreatableKeyDown, onMenuOpen: onMenuOpen, loadingMessage: function () { return _jsx(LoadingMessage, { theme: theme, isCreatableSelect: true }); }, components: {
+    return (_jsxs("div", __assign({ className: classNames('smartapp-custom-select', containerClassName), style: __assign({ width: "".concat(width, "%") }, containerStyles) }, { children: [renderTitle(), isCreatable ? (_jsx(CreatableSelect, { ref: selectRef, menuPlacement: menuPosition, menuPosition: menuLocation, isLoading: isLoading, isDisabled: isDisabled, isClearable: isSelectClearable, controlShouldRenderValue: isDisabled, filterOption: creatableFilterOption, options: options, value: (value === null || value === void 0 ? void 0 : value.label) ? value : null, styles: generateStyles(), placeholder: placeholder, inputValue: isDisabled ? '' : inputValue, onInputChange: handleInputChange, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, onKeyDown: handleCreatableKeyDown, onMenuOpen: onMenuOpen, loadingMessage: function () { return _jsx(LoadingMessage, { theme: theme, isCreatableSelect: true }); }, components: {
                     Input: Input,
                     Option: OptionComponent,
                     IndicatorSeparator: IndicatorSeparator,