@expressms/smartapp-ui 1.1.7 → 1.1.9

package/README.md

@@ -3,7 +3,7 @@ This library is aimed at optimizing the development of smartapps.
 
 For the styles to work correctly, after installing the library, add styles import to the main style file of your application in the following way:
 
-`@import '@expressms/smartapp-ui/build/main/styles/stories.module.scss';`
+`@import '@expressms/smartapp-ui/build/main/styles/styles.scss';`
 
 
 For the library to work, you need to install react and react-dom version 18 or more.

package/build/main/assets/icons/story-loader.svg

@@ -0,0 +1,3 @@
+<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.5 30C7.5 42.4264 17.5736 52.5 30 52.5C42.4264 52.5 52.5 42.4264 52.5 30C52.5 17.5736 42.4264 7.5 30 7.5" stroke="white" stroke-width="4" stroke-linecap="round"/>
+</svg>

package/build/main/constants/constants.d.ts

@@ -1,17 +1,16 @@
-export declare const DEFAULT_BLUE_LIGHT_ICON_COLOR = "#4799E30D";
-export declare const DEFAULT_BLUE_ICON_COLOR = "#4799E3";
-export declare const DEFAULT_BLUE_ICON_HOVER_COLOR = "#3C82C1";
-export declare const DEFAULT_RED_ICON_COLOR = "#EB5545";
-export declare const DEFAULT_WHITE_LIGHT_ICON_COLOR = "#FFFFFF80";
-export declare const DEFAULT_GRAY_ICON_COLOR = "#1111114D";
-export declare const DEFAULT_BLACK_ICON_COLOR = "#111111";
-export declare const DEFAULT_HEADER_TEXT_COLOR = "#111111";
-export declare const DEFAULT_HEADER_BACKGROUND_COLOR = "#FFFFFF";
-export declare const DEFAULT_WHITE_LOADER_BACKGROUND_COLOR = "#FFFFFF";
-export declare const DEFAULT_GRAY_LOADER_BACKGROUND_COLOR = "#E0E4EC66";
-export declare const DEFAULT_TEXT_BUTTON_COLOR = "#111111";
-export declare const DEFAULT_BACKGROUND_BUTTON_COLOR = "#FFFFFF";
-export declare const DEFAULT_POPUP_BACKGROUND_COLOR = "rgba(37, 77, 145, 0.2)";
+export declare enum COLORS {
+    lighterBlue = "#4799E30D",
+    lightBlue = "rgba(37, 77, 145, 0.2)",
+    blue = "#4799E3",
+    darkBlue = "#3C82C1",
+    red = "#EB5545",
+    white = "#FFFFFF",
+    white3 = "#FFFFFF03",
+    white80 = "#FFFFFF80",
+    lightGray = "#E0E4EC66",
+    gray = "#1111114D",
+    black = "#111111"
+}
 export declare const INPUT_TYPE_PASSWORD = "password";
 export declare const INPUT_TYPE_TEXT = "text";
 export declare const ENTER_KEY = "Enter";

package/build/main/constants/constants.js

@@ -1,17 +1,17 @@
-export var DEFAULT_BLUE_LIGHT_ICON_COLOR = '#4799E30D';
-export var DEFAULT_BLUE_ICON_COLOR = '#4799E3';
-export var DEFAULT_BLUE_ICON_HOVER_COLOR = '#3C82C1';
-export var DEFAULT_RED_ICON_COLOR = '#EB5545';
-export var DEFAULT_WHITE_LIGHT_ICON_COLOR = '#FFFFFF80';
-export var DEFAULT_GRAY_ICON_COLOR = '#1111114D';
-export var DEFAULT_BLACK_ICON_COLOR = '#111111';
-export var DEFAULT_HEADER_TEXT_COLOR = '#111111';
-export var DEFAULT_HEADER_BACKGROUND_COLOR = '#FFFFFF';
-export var DEFAULT_WHITE_LOADER_BACKGROUND_COLOR = '#FFFFFF';
-export var DEFAULT_GRAY_LOADER_BACKGROUND_COLOR = '#E0E4EC66';
-export var DEFAULT_TEXT_BUTTON_COLOR = '#111111';
-export var DEFAULT_BACKGROUND_BUTTON_COLOR = '#FFFFFF';
-export var DEFAULT_POPUP_BACKGROUND_COLOR = 'rgba(37, 77, 145, 0.2)';
+export var COLORS;
+(function (COLORS) {
+    COLORS["lighterBlue"] = "#4799E30D";
+    COLORS["lightBlue"] = "rgba(37, 77, 145, 0.2)";
+    COLORS["blue"] = "#4799E3";
+    COLORS["darkBlue"] = "#3C82C1";
+    COLORS["red"] = "#EB5545";
+    COLORS["white"] = "#FFFFFF";
+    COLORS["white3"] = "#FFFFFF03";
+    COLORS["white80"] = "#FFFFFF80";
+    COLORS["lightGray"] = "#E0E4EC66";
+    COLORS["gray"] = "#1111114D";
+    COLORS["black"] = "#111111";
+})(COLORS || (COLORS = {}));
 export var INPUT_TYPE_PASSWORD = 'password';
 export var INPUT_TYPE_TEXT = 'text';
 export var ENTER_KEY = 'Enter';
@@ -41,3 +41,4 @@ export var THEME;
 export var CANCEL_ACTION_TEXT = 'Отменить';
 export var NUMBER_OF_STORIES_FOR_ROUND_INDICATORS = 5;
 export var DEFAULT_FONT_FAMILY = 'Open Sans';
+//# sourceMappingURL=constants.js.map

package/build/main/constants/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/constants/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,MAYX;AAZD,WAAY,MAAM;IAChB,mCAAyB,CAAA;IACzB,8CAAoC,CAAA;IACpC,0BAAgB,CAAA;IAChB,8BAAoB,CAAA;IACpB,yBAAe,CAAA;IACf,2BAAiB,CAAA;IACjB,8BAAoB,CAAA;IACpB,+BAAqB,CAAA;IACrB,iCAAuB,CAAA;IACvB,4BAAkB,CAAA;IAClB,2BAAiB,CAAA;AACnB,CAAC,EAZW,MAAM,KAAN,MAAM,QAYjB;AAED,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAU,CAAA;AAC7C,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAA;AACrC,MAAM,CAAC,IAAM,SAAS,GAAG,OAAO,CAAA;AAEhC,MAAM,CAAN,IAAY,SAIX;AAJD,WAAY,SAAS;IACnB,2BAAc,CAAA;IACd,6BAAgB,CAAA;IAChB,2BAAc,CAAA;AAChB,CAAC,EAJW,SAAS,KAAT,SAAS,QAIpB;AAED,MAAM,CAAN,IAAY,WAIX;AAJD,WAAY,WAAW;IACrB,6BAAc,CAAA;IACd,+BAAgB,CAAA;IAChB,6BAAc,CAAA;AAChB,CAAC,EAJW,WAAW,KAAX,WAAW,QAItB;AAED,MAAM,CAAN,IAAY,QAIX;AAJD,WAAY,QAAQ;IAClB,uBAAW,CAAA;IACX,uBAAW,CAAA;IACX,+BAAmB,CAAA;AACrB,CAAC,EAJW,QAAQ,KAAR,QAAQ,QAInB;AAED,MAAM,CAAN,IAAY,KAGX;AAHD,WAAY,KAAK;IACf,4BAAmB,CAAA;IACnB,sBAAa,CAAA;AACf,CAAC,EAHW,KAAK,KAAL,KAAK,QAGhB;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAW,UAAU,CAAA;AACpD,MAAM,CAAC,IAAM,sCAAsC,GAAW,CAAC,CAAA;AAC/D,MAAM,CAAC,IAAM,mBAAmB,GAAW,WAAW,CAAA"}

package/build/main/constants/index.d.ts

@@ -1 +1,2 @@
 export * from './constants';
+export * from './types';

package/build/main/constants/index.js

@@ -1 +1,3 @@
 export * from './constants';
+export * from './types';
+//# sourceMappingURL=index.js.map

package/build/main/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/constants/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC"}

package/build/main/constants/types.d.ts

@@ -0,0 +1,8 @@
+export interface IThemeProps {
+    theme?: 'default' | 'dark';
+}
+export interface IPlatformProps {
+    platform?: 'web' | 'ios' | 'android';
+}
+export interface ICommonProps extends IThemeProps, IPlatformProps {
+}

package/build/main/constants/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/build/main/constants/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/constants/types.ts"],"names":[],"mappings":""}

package/build/main/helpers/index.d.ts

@@ -1,7 +1,8 @@
+import { COLORS } from '../constants';
 export declare const getColor: (color: string | undefined, defaultColor: string) => string;
 export declare const isWebPlatform: (platform: string) => boolean;
 export declare const isIosPlatform: (platform: string) => boolean;
 export declare const isAndroidPlatform: (platform: string) => boolean;
 export declare const isMobilePlatform: (platform: string) => boolean;
 export declare const getClassNames: (className: string, delimiter: string, additionalClassName: string | string[]) => string;
-export declare const getDefaultColorForCloseIcon: (theme: string) => "#FFFFFF80" | "#1111114D";
+export declare const getDefaultColorForCloseIcon: (theme: string) => COLORS.white80 | COLORS.gray;

package/build/main/helpers/index.js

@@ -1,6 +1,6 @@
 import classNames from 'classnames';
 import { isArray } from 'lodash';
-import { DEFAULT_GRAY_ICON_COLOR, DEFAULT_WHITE_LIGHT_ICON_COLOR, PLATFORM, THEME } from '../constants';
+import { COLORS, PLATFORM, THEME } from '../constants';
 export var getColor = function (color, defaultColor) {
     return (color && CSS.supports('color', color)) ? color : defaultColor;
 };
@@ -11,4 +11,5 @@ export var isMobilePlatform = function (platform) { return isAndroidPlatform(pla
 export var getClassNames = function (className, delimiter, additionalClassName) { return (isArray(additionalClassName)
     ? classNames(className, additionalClassName.map(function (name) { return "".concat(className).concat(delimiter).concat(name); }))
     : classNames(className, "".concat(className).concat(delimiter).concat(additionalClassName))); };
-export var getDefaultColorForCloseIcon = function (theme) { return theme === THEME.default ? DEFAULT_GRAY_ICON_COLOR : DEFAULT_WHITE_LIGHT_ICON_COLOR; };
+export var getDefaultColorForCloseIcon = function (theme) { return theme === THEME.default ? COLORS.gray : COLORS.white80; };
+//# sourceMappingURL=index.js.map

package/build/main/helpers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAEvD,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,KAAyB,EAAE,YAAoB;IACtE,OAAA,CAAC,KAAK,IAAI,GAAG,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY;AAA9D,CAA8D,CAAC;AAEjE,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,QAAgB,IAAK,OAAA,QAAQ,KAAK,QAAQ,CAAC,GAAG,EAAzB,CAAyB,CAAC;AAC7E,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,QAAgB,IAAK,OAAA,QAAQ,KAAK,QAAQ,CAAC,GAAG,EAAzB,CAAyB,CAAC;AAC7E,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,QAAgB,IAAK,OAAA,QAAQ,KAAK,QAAQ,CAAC,OAAO,EAA7B,CAA6B,CAAC;AACrF,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,QAAgB,IAAK,OAAA,iBAAiB,CAAC,QAAQ,CAAC,IAAI,aAAa,CAAC,QAAQ,CAAC,EAAtD,CAAsD,CAAC;AAE7G,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,SAAiB,EAAE,SAAiB,EAAE,mBAAsC,IAAK,OAAA,CAC7G,OAAO,CAAC,mBAAmB,CAAC;IAC1B,CAAC,CAAC,UAAU,CAAC,SAAS,EAAE,mBAAmB,CAAC,GAAG,CAAC,UAAA,IAAI,IAAI,OAAA,UAAG,SAAS,SAAG,SAAS,SAAG,IAAI,CAAE,EAAjC,CAAiC,CAAC,CAAC;IAC3F,CAAC,CAAC,UAAU,CAAC,SAAS,EAAE,UAAG,SAAS,SAAG,SAAS,SAAG,mBAAmB,CAAE,CAAC,CAC5E,EAJ8G,CAI9G,CAAC;AAEF,MAAM,CAAC,IAAM,2BAA2B,GAAG,UAAC,KAAa,IAAK,OAAA,KAAK,KAAK,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAAtD,CAAsD,CAAC"}

package/build/main/index.d.ts

@@ -1,2 +1,3 @@
+export * from './styles';
 export * from './сomponents';
 export * from './сomponents/types';

package/build/main/index.js

@@ -1,2 +1,4 @@
+export * from './styles';
 export * from './сomponents';
 export * from './сomponents/types';
+//# sourceMappingURL=index.js.map

package/build/main/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,oBAAoB,CAAA"}

package/build/main/styles/index.d.ts

@@ -0,0 +1 @@
+export * from './styles.scss';

package/build/main/styles/index.js

@@ -0,0 +1,2 @@
+export * from './styles.scss';
+//# sourceMappingURL=index.js.map

package/build/main/styles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}