@expressms/smartapp-ui 2.6.3 → 2.6.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/main/constants/constants.d.ts +13 -15
- package/build/main/constants/constants.js +0 -2
- package/build/main/constants/constants.js.map +1 -1
- package/build/main/constants/types.d.ts +2 -2
- package/build/main/helpers/index.d.ts +7 -8
- package/build/main/helpers/index.js +12 -13
- package/build/main/helpers/index.js.map +1 -1
- package/build/main//321/201omponents/ActionModal/ActionModal.d.ts +1 -1
- package/build/main//321/201omponents/ActionModal/ActionModal.js +10 -11
- package/build/main//321/201omponents/ActionModal/ActionModal.js.map +1 -1
- package/build/main//321/201omponents/ActionModal/types.d.ts +4 -0
- package/build/main//321/201omponents/AttachedFile/AttachedFile.d.ts +1 -1
- package/build/main//321/201omponents/AttachedFile/AttachedFile.js +7 -7
- package/build/main//321/201omponents/AttachedFile/AttachedFile.js.map +1 -1
- package/build/main//321/201omponents/AttachedFile/types.d.ts +3 -1
- package/build/main//321/201omponents/Avatar/Avatar.d.ts +1 -1
- package/build/main//321/201omponents/Avatar/Avatar.js +19 -19
- package/build/main//321/201omponents/Avatar/Avatar.js.map +1 -1
- package/build/main//321/201omponents/Avatar/types.d.ts +2 -1
- package/build/main//321/201omponents/Avatar/types.js.map +1 -1
- package/build/main//321/201omponents/Button/Button.d.ts +1 -1
- package/build/main//321/201omponents/Button/Button.js +2 -2
- package/build/main//321/201omponents/Button/Button.js.map +1 -1
- package/build/main//321/201omponents/Button/types.d.ts +1 -0
- package/build/main//321/201omponents/CachedImage/CachedImage.d.ts +1 -1
- package/build/main//321/201omponents/CachedImage/CachedImage.js +13 -8
- package/build/main//321/201omponents/CachedImage/CachedImage.js.map +1 -1
- package/build/main//321/201omponents/CachedImage/types.d.ts +2 -0
- package/build/main//321/201omponents/Calendar/Calendar.js +4 -4
- package/build/main//321/201omponents/Calendar/Calendar.js.map +1 -1
- package/build/main//321/201omponents/Checkbox/Checkbox.d.ts +1 -1
- package/build/main//321/201omponents/Checkbox/Checkbox.js +6 -5
- package/build/main//321/201omponents/Checkbox/Checkbox.js.map +1 -1
- package/build/main//321/201omponents/Checkbox/types.d.ts +3 -0
- package/build/main//321/201omponents/Chip/Chip.d.ts +1 -1
- package/build/main//321/201omponents/Chip/Chip.js +5 -10
- package/build/main//321/201omponents/Chip/Chip.js.map +1 -1
- package/build/main//321/201omponents/Chip/types.d.ts +3 -1
- package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.d.ts +1 -1
- package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.js +7 -6
- package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.js.map +1 -1
- package/build/main//321/201omponents/ConfirmationModal/types.d.ts +4 -0
- package/build/main//321/201omponents/ContextMenu/ContextMenu.d.ts +1 -1
- package/build/main//321/201omponents/ContextMenu/ContextMenu.js +3 -4
- package/build/main//321/201omponents/ContextMenu/ContextMenu.js.map +1 -1
- package/build/main//321/201omponents/ContextMenu/types.d.ts +4 -0
- package/build/main//321/201omponents/CustomSelect/CustomSelect.d.ts +1 -1
- package/build/main//321/201omponents/CustomSelect/CustomSelect.js +2 -2
- package/build/main//321/201omponents/CustomSelect/CustomSelect.js.map +1 -1
- package/build/main//321/201omponents/CustomSelect/types.d.ts +2 -0
- package/build/main//321/201omponents/DragAndDrop/DragAndDrop.js +4 -4
- package/build/main//321/201omponents/DragAndDrop/DragAndDrop.js.map +1 -1
- package/build/main//321/201omponents/Error/Error.d.ts +1 -1
- package/build/main//321/201omponents/Error/Error.js +5 -4
- package/build/main//321/201omponents/Error/Error.js.map +1 -1
- package/build/main//321/201omponents/Error/types.d.ts +3 -0
- package/build/main//321/201omponents/Header/Header.d.ts +1 -1
- package/build/main//321/201omponents/Header/Header.js +7 -7
- package/build/main//321/201omponents/Header/Header.js.map +1 -1
- package/build/main//321/201omponents/Header/types.d.ts +3 -1
- package/build/main//321/201omponents/Input/Input.d.ts +1 -1
- package/build/main//321/201omponents/Input/Input.js +16 -19
- package/build/main//321/201omponents/Input/Input.js.map +1 -1
- package/build/main//321/201omponents/Input/types.d.ts +3 -2
- package/build/main//321/201omponents/ListItem/ListItem.js +9 -8
- package/build/main//321/201omponents/ListItem/ListItem.js.map +1 -1
- package/build/main//321/201omponents/ListItem/types.d.ts +2 -0
- package/build/main//321/201omponents/Loader/Loader.d.ts +1 -1
- package/build/main//321/201omponents/Loader/Loader.js +7 -10
- package/build/main//321/201omponents/Loader/Loader.js.map +1 -1
- package/build/main//321/201omponents/Loader/types.d.ts +5 -1
- package/build/main//321/201omponents/Modal/Modal.d.ts +1 -1
- package/build/main//321/201omponents/Modal/Modal.js +6 -6
- package/build/main//321/201omponents/Modal/Modal.js.map +1 -1
- package/build/main//321/201omponents/Modal/types.d.ts +4 -0
- package/build/main//321/201omponents/Notification/Notification.d.ts +1 -1
- package/build/main//321/201omponents/Notification/Notification.js +10 -9
- package/build/main//321/201omponents/Notification/Notification.js.map +1 -1
- package/build/main//321/201omponents/Notification/types.d.ts +5 -1
- package/build/main//321/201omponents/Profile/Profile.js +4 -4
- package/build/main//321/201omponents/Profile/Profile.js.map +1 -1
- package/build/main//321/201omponents/ProgressBar/ProgressBar.d.ts +1 -1
- package/build/main//321/201omponents/ProgressBar/ProgressBar.js +2 -2
- package/build/main//321/201omponents/ProgressBar/ProgressBar.js.map +1 -1
- package/build/main//321/201omponents/ProgressBar/types.d.ts +3 -0
- package/build/main//321/201omponents/RadioButton/RadioButton.d.ts +1 -1
- package/build/main//321/201omponents/RadioButton/RadioButton.js +7 -6
- package/build/main//321/201omponents/RadioButton/RadioButton.js.map +1 -1
- package/build/main//321/201omponents/RadioButton/types.d.ts +3 -0
- package/build/main//321/201omponents/ScrollBar/ScrollBar.d.ts +1 -1
- package/build/main//321/201omponents/ScrollBar/ScrollBar.js +2 -2
- package/build/main//321/201omponents/ScrollBar/ScrollBar.js.map +1 -1
- package/build/main//321/201omponents/ScrollBar/types.d.ts +3 -0
- package/build/main//321/201omponents/Skeleton/Skeleton.d.ts +1 -2
- package/build/main//321/201omponents/Skeleton/Skeleton.js +5 -5
- package/build/main//321/201omponents/Skeleton/Skeleton.js.map +1 -1
- package/build/main//321/201omponents/Skeleton/types.d.ts +2 -1
- package/build/main//321/201omponents/Stories/Stories.d.ts +1 -1
- package/build/main//321/201omponents/Stories/Stories.js +18 -18
- package/build/main//321/201omponents/Stories/Stories.js.map +1 -1
- package/build/main//321/201omponents/Stories/types.d.ts +3 -1
- package/build/main//321/201omponents/SyncLoader/SyncLoader.d.ts +1 -1
- package/build/main//321/201omponents/SyncLoader/SyncLoader.js +6 -6
- package/build/main//321/201omponents/SyncLoader/SyncLoader.js.map +1 -1
- package/build/main//321/201omponents/SyncLoader/types.d.ts +3 -1
- package/build/main//321/201omponents/Textarea/Textarea.d.ts +1 -1
- package/build/main//321/201omponents/Textarea/Textarea.js +3 -3
- package/build/main//321/201omponents/Textarea/Textarea.js.map +1 -1
- package/build/main//321/201omponents/Textarea/types.d.ts +3 -1
- package/build/main//321/201omponents/Toggle/Toggle.d.ts +1 -1
- package/build/main//321/201omponents/Toggle/Toggle.js +6 -6
- package/build/main//321/201omponents/Toggle/Toggle.js.map +1 -1
- package/build/main//321/201omponents/Toggle/types.d.ts +3 -0
- package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.js +2 -2
- package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/UserDropdown.d.ts +1 -1
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js +14 -11
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/types.d.ts +4 -2
- package/package.json +1 -1
|
@@ -27,12 +27,12 @@ export declare enum COLORS {
|
|
|
27
27
|
}
|
|
28
28
|
export declare const INPUT_TYPE_PASSWORD = "password";
|
|
29
29
|
export declare const INPUT_TYPE_TEXT = "text";
|
|
30
|
-
export declare const DEFAULT_INPUT_PADDING
|
|
31
|
-
export declare const MASK_INPUT_PL
|
|
32
|
-
export declare const ADDITIONAL_INPUT_PR
|
|
30
|
+
export declare const DEFAULT_INPUT_PADDING = 16;
|
|
31
|
+
export declare const MASK_INPUT_PL = 24;
|
|
32
|
+
export declare const ADDITIONAL_INPUT_PR = 32;
|
|
33
33
|
export declare const ENTER_KEY = "Enter";
|
|
34
|
-
export declare const INPUT_COUNTER_TIMEOUT
|
|
35
|
-
export declare const ADDITIONAL_MAX_CHARACTERS
|
|
34
|
+
export declare const INPUT_COUNTER_TIMEOUT = 5000;
|
|
35
|
+
export declare const ADDITIONAL_MAX_CHARACTERS = 4;
|
|
36
36
|
export declare enum INPUT_COUNTER_TYPE {
|
|
37
37
|
title = "title",
|
|
38
38
|
text = "text"
|
|
@@ -60,16 +60,14 @@ export declare enum THEME {
|
|
|
60
60
|
default = "default",
|
|
61
61
|
dark = "dark"
|
|
62
62
|
}
|
|
63
|
-
export declare const CANCEL_ACTION_TEXT
|
|
64
|
-
export declare const NUMBER_OF_STORIES_FOR_ROUND_INDICATORS
|
|
65
|
-
export declare const DEFAULT_FONT_FAMILY
|
|
66
|
-
export declare const MIN_TEXTAREA_HEIGHT
|
|
67
|
-
export declare const CONTEXT_MENU_WIDTH
|
|
68
|
-
export declare const CONTEXT_MENU_SAFE_SPACE
|
|
69
|
-
export declare const WEB_NOTIFICATION_DISTANCE_FROM_BOTTOM
|
|
70
|
-
export declare const MOBILE_NOTIFICATION_DISTANCE_FROM_BOTTOM
|
|
71
|
-
export declare const ERROR_CLASSNAME: string;
|
|
72
|
-
export declare const DISABLED_CLASSNAME: string;
|
|
63
|
+
export declare const CANCEL_ACTION_TEXT = "\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C";
|
|
64
|
+
export declare const NUMBER_OF_STORIES_FOR_ROUND_INDICATORS = 5;
|
|
65
|
+
export declare const DEFAULT_FONT_FAMILY = "Open Sans";
|
|
66
|
+
export declare const MIN_TEXTAREA_HEIGHT = "120px";
|
|
67
|
+
export declare const CONTEXT_MENU_WIDTH = 250;
|
|
68
|
+
export declare const CONTEXT_MENU_SAFE_SPACE = 15;
|
|
69
|
+
export declare const WEB_NOTIFICATION_DISTANCE_FROM_BOTTOM = 8;
|
|
70
|
+
export declare const MOBILE_NOTIFICATION_DISTANCE_FROM_BOTTOM = 40;
|
|
73
71
|
export declare const DEFAULT_HEADER_AVATAR_INDEX = 4;
|
|
74
72
|
export declare const AVATAR_DEGREES: number[];
|
|
75
73
|
export declare const AVATAR_COLOR_TOP: string[];
|
|
@@ -75,8 +75,6 @@ export var CONTEXT_MENU_WIDTH = 250;
|
|
|
75
75
|
export var CONTEXT_MENU_SAFE_SPACE = 15;
|
|
76
76
|
export var WEB_NOTIFICATION_DISTANCE_FROM_BOTTOM = 8;
|
|
77
77
|
export var MOBILE_NOTIFICATION_DISTANCE_FROM_BOTTOM = 40;
|
|
78
|
-
export var ERROR_CLASSNAME = 'error';
|
|
79
|
-
export var DISABLED_CLASSNAME = 'disabled';
|
|
80
78
|
export var DEFAULT_HEADER_AVATAR_INDEX = 4;
|
|
81
79
|
export var AVATAR_DEGREES = [180, 178.34, 180, 180, 180, 180];
|
|
82
80
|
export var AVATAR_COLOR_TOP = ['#FBDA43', '#FFA285', '#FC93FF', '#ACB3FF', '#58EAFD', '#93E847'];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/constants/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,MA0BX;AA1BD,WAAY,MAAM;IAChB,mCAAyB,CAAA;IACzB,0BAAgB,CAAA;IAChB,8BAAoB,CAAA;IACpB,gCAAsB,CAAA;IACtB,yBAAe,CAAA;IACf,2BAAiB,CAAA;IACjB,8BAAoB,CAAA;IACpB,+BAAqB,CAAA;IACrB,kCAAwB,CAAA;IACxB,mCAAyB,CAAA;IACzB,4BAAkB,CAAA;IAClB,gCAAsB,CAAA;IACtB,iCAAuB,CAAA;IACvB,2BAAiB,CAAA;IACjB,+BAAqB,CAAA;IACrB,gCAAsB,CAAA;IACtB,oCAA0B,CAAA;IAC1B,6DAAmD,CAAA;IACnD,kEAAwD,CAAA;IACxD,yDAA+C,CAAA;IAC/C,iDAAuC,CAAA;IACvC,+CAAqC,CAAA;IACrC,sDAA4C,CAAA;IAC5C,gDAAsC,CAAA;IACtC,qCAA2B,CAAA;AAC7B,CAAC,EA1BW,MAAM,KAAN,MAAM,QA0BjB;AAED,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAU,CAAA;AAC7C,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAA;AACrC,MAAM,CAAC,IAAM,qBAAqB,
|
|
1
|
+
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/constants/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,MA0BX;AA1BD,WAAY,MAAM;IAChB,mCAAyB,CAAA;IACzB,0BAAgB,CAAA;IAChB,8BAAoB,CAAA;IACpB,gCAAsB,CAAA;IACtB,yBAAe,CAAA;IACf,2BAAiB,CAAA;IACjB,8BAAoB,CAAA;IACpB,+BAAqB,CAAA;IACrB,kCAAwB,CAAA;IACxB,mCAAyB,CAAA;IACzB,4BAAkB,CAAA;IAClB,gCAAsB,CAAA;IACtB,iCAAuB,CAAA;IACvB,2BAAiB,CAAA;IACjB,+BAAqB,CAAA;IACrB,gCAAsB,CAAA;IACtB,oCAA0B,CAAA;IAC1B,6DAAmD,CAAA;IACnD,kEAAwD,CAAA;IACxD,yDAA+C,CAAA;IAC/C,iDAAuC,CAAA;IACvC,+CAAqC,CAAA;IACrC,sDAA4C,CAAA;IAC5C,gDAAsC,CAAA;IACtC,qCAA2B,CAAA;AAC7B,CAAC,EA1BW,MAAM,KAAN,MAAM,QA0BjB;AAED,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAU,CAAA;AAC7C,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAA;AACrC,MAAM,CAAC,IAAM,qBAAqB,GAAG,EAAE,CAAA;AACvC,MAAM,CAAC,IAAM,aAAa,GAAG,EAAE,CAAA;AAC/B,MAAM,CAAC,IAAM,mBAAmB,GAAG,EAAE,CAAA;AACrC,MAAM,CAAC,IAAM,SAAS,GAAG,OAAO,CAAA;AAChC,MAAM,CAAC,IAAM,qBAAqB,GAAG,IAAI,CAAA;AACzC,MAAM,CAAC,IAAM,yBAAyB,GAAG,CAAC,CAAA;AAE1C,MAAM,CAAN,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC5B,qCAAe,CAAA;IACf,mCAAa,CAAA;AACf,CAAC,EAHW,kBAAkB,KAAlB,kBAAkB,QAG7B;AAED,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,UAGX;AAHD,WAAY,UAAU;IACpB,6BAAe,CAAA;IACf,6BAAe,CAAA;AACjB,CAAC,EAHW,UAAU,KAAV,UAAU,QAGrB;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,GAAG,UAAU,CAAA;AAC5C,MAAM,CAAC,IAAM,sCAAsC,GAAG,CAAC,CAAA;AACvD,MAAM,CAAC,IAAM,mBAAmB,GAAG,WAAW,CAAA;AAC9C,MAAM,CAAC,IAAM,mBAAmB,GAAG,OAAO,CAAA;AAC1C,MAAM,CAAC,IAAM,kBAAkB,GAAG,GAAG,CAAA;AACrC,MAAM,CAAC,IAAM,uBAAuB,GAAG,EAAE,CAAA;AACzC,MAAM,CAAC,IAAM,qCAAqC,GAAG,CAAC,CAAA;AACtD,MAAM,CAAC,IAAM,wCAAwC,GAAG,EAAE,CAAA;AAE1D,MAAM,CAAC,IAAM,2BAA2B,GAAG,CAAC,CAAA;AAC5C,MAAM,CAAC,IAAM,cAAc,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;AAC/D,MAAM,CAAC,IAAM,gBAAgB,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;AAClG,MAAM,CAAC,IAAM,yBAAyB,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,CAAA;AAC5E,MAAM,CAAC,IAAM,mBAAmB,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAA;AACjF,MAAM,CAAC,IAAM,4BAA4B,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAA;AAClF,MAAM,CAAC,IAAM,mBAAmB,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;AACrG,MAAM,CAAC,IAAM,4BAA4B,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,CAAA;AAErF,MAAM,CAAC,IAAM,oCAAoC,GAAG,CAAC,CAAA;AAErD,MAAM,CAAN,IAAY,WAIX;AAJD,WAAY,WAAW;IACrB,kCAAmB,CAAA;IACnB,4BAAa,CAAA;IACb,4BAAa,CAAA;AACf,CAAC,EAJW,WAAW,KAAX,WAAW,QAItB;AAED,MAAM,CAAN,IAAY,SAOX;AAPD,WAAY,SAAS;IACnB,0CAA6B,CAAA;IAC7B,wCAA2B,CAAA;IAC3B,gCAAmB,CAAA;IACnB,kCAAqB,CAAA;IACrB,kCAAqB,CAAA;IACrB,4BAAe,CAAA;AACjB,CAAC,EAPW,SAAS,KAAT,SAAS,QAOpB;AAED,MAAM,CAAN,IAAY,SAGX;AAHD,WAAY,SAAS;IACnB,gCAAmB,CAAA;IACnB,oCAAuB,CAAA;AACzB,CAAC,EAHW,SAAS,KAAT,SAAS,QAGpB;AAED,MAAM,CAAN,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,iCAAa,CAAA;IACb,qCAAiB,CAAA;AACnB,CAAC,EAHW,gBAAgB,KAAhB,gBAAgB,QAG3B;AAED,MAAM,CAAN,IAAY,cAIX;AAJD,WAAY,cAAc;IACxB,mCAAiB,CAAA;IACjB,+BAAa,CAAA;IACb,6BAAW,CAAA;AACb,CAAC,EAJW,cAAc,KAAd,cAAc,QAIzB;AAED,MAAM,CAAN,IAAY,aAGX;AAHD,WAAY,aAAa;IACvB,sCAAqB,CAAA;IACrB,gCAAe,CAAA;AACjB,CAAC,EAHW,aAAa,KAAb,aAAa,QAGxB;AAED,MAAM,CAAC,IAAM,8BAA8B,GAAG,GAAG,CAAA;AACjD,MAAM,CAAC,IAAM,oBAAoB,GAAG,GAAG,CAAA;AACvC,MAAM,CAAC,IAAM,gCAAgC,GAAG,IAAI,CAAA;AACpD,MAAM,CAAC,IAAM,wBAAwB,GAAG,CAAC,CAAA;AAEzC,MAAM,CAAN,IAAY,SAQX;AARD,WAAY,SAAS;IACnB,sBAAS,CAAA;IACT,sBAAS,CAAA;IACT,sBAAS,CAAA;IACT,sBAAS,CAAA;IACT,sBAAS,CAAA;IACT,sBAAS,CAAA;IACT,wBAAW,CAAA;AACb,CAAC,EARW,SAAS,KAAT,SAAS,QAQpB;AAED,MAAM,CAAN,IAAY,eAGX;AAHD,WAAY,eAAe;IACzB,gCAAa,CAAA;IACb,gCAAa,CAAA;AACf,CAAC,EAHW,eAAe,KAAf,eAAe,QAG1B;AAED,MAAM,CAAN,IAAY,uBAGX;AAHD,WAAY,uBAAuB;IACjC,sCAAW,CAAA;IACX,4CAAiB,CAAA;AACnB,CAAC,EAHW,uBAAuB,KAAvB,uBAAuB,QAGlC;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;AAC7C,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;AACnD,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;AACzD,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;AACrD,MAAM,CAAC,IAAM,6BAA6B,GAAG,MAAM,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAA;AAEjF,MAAM,CAAC,IAAM,kBAAkB,GAAG,+BAA+B,CAAA;AACjE,MAAM,CAAC,IAAM,kBAAkB,GAAG,mDAAmD,CAAA"}
|
|
@@ -12,12 +12,12 @@ export interface ILayoutTypeProps {
|
|
|
12
12
|
}
|
|
13
13
|
export interface ICommonProps extends IThemeProps, IPlatformProps {
|
|
14
14
|
}
|
|
15
|
-
export type
|
|
15
|
+
export type TCalculatePercentageOfValue = {
|
|
16
16
|
value: number;
|
|
17
17
|
percentage: number;
|
|
18
18
|
shouldBeRounded?: boolean;
|
|
19
19
|
};
|
|
20
|
-
export type
|
|
20
|
+
export type TGenerateClassNames = {
|
|
21
21
|
className: string;
|
|
22
22
|
delimiter: string;
|
|
23
23
|
additionalClassName: string | string[];
|
|
@@ -1,20 +1,19 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
|
-
import { COLORS,
|
|
3
|
-
export declare const
|
|
2
|
+
import { COLORS, TCalculatePercentageOfValue, TGenerateClassNames } from '../constants';
|
|
3
|
+
export declare const generateColor: (color?: string, defaultColor?: string) => string;
|
|
4
4
|
export declare const isWebPlatform: (platform: string) => boolean;
|
|
5
5
|
export declare const isIosPlatform: (platform: string) => boolean;
|
|
6
6
|
export declare const isAndroidPlatform: (platform: string) => boolean;
|
|
7
7
|
export declare const isMobilePlatform: (platform: string) => boolean;
|
|
8
8
|
export declare const isDarkTheme: (theme?: string) => boolean;
|
|
9
|
-
export declare const
|
|
10
|
-
export declare const
|
|
9
|
+
export declare const generateClassNames: ({ className, delimiter, additionalClassName }: TGenerateClassNames) => string;
|
|
10
|
+
export declare const generateDefaultGrayColorForIcon: (theme: string) => COLORS.white80 | COLORS.gray;
|
|
11
11
|
export declare const userNameToColor: (userName?: string) => string;
|
|
12
|
-
export declare const
|
|
13
|
-
export declare const
|
|
14
|
-
export declare const isHalfLayoutType: (layoutType: string) => boolean;
|
|
12
|
+
export declare const createInitials: (str: string) => string;
|
|
13
|
+
export declare const calculatePercentageOfValue: ({ value, percentage, shouldBeRounded }: TCalculatePercentageOfValue) => number;
|
|
15
14
|
export declare const isFullScreen: (layoutType: string) => boolean;
|
|
16
15
|
export declare const isPrimaryFillType: (fillType: string) => boolean;
|
|
17
16
|
export declare const isSecondaryFillType: (fillType: string) => boolean;
|
|
18
17
|
export declare const isValueEqualToZero: (value: number) => boolean;
|
|
19
18
|
export declare const renderStoryComponent: (component: ReactElement) => import("react/jsx-runtime").JSX.Element;
|
|
20
|
-
export declare const
|
|
19
|
+
export declare const generateIsCloseIconHidden: (platform: string, isCloseIconHidden?: boolean) => boolean;
|
|
@@ -13,7 +13,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
13
13
|
import classNames from 'classnames';
|
|
14
14
|
import { isArray, isNil } from 'lodash';
|
|
15
15
|
import { AVATAR_COLOR_BOTTOM, AVATAR_COLOR_BOTTOM_PERCENTS, AVATAR_COLOR_MIDDLE, AVATAR_COLOR_MIDDLE_PERCENTS, AVATAR_COLOR_TOP, AVATAR_COLOR_TOP_PERCENTS, AVATAR_DEGREES, COLORS, DEFAULT_HEADER_AVATAR_INDEX, FILL_TYPE, LAYOUT_TYPE, PLATFORM, THEME, } from '../constants';
|
|
16
|
-
export var
|
|
16
|
+
export var generateColor = function (color, defaultColor) {
|
|
17
17
|
if (defaultColor === void 0) { defaultColor = ''; }
|
|
18
18
|
return (color && CSS.supports('color', color) ? color : defaultColor);
|
|
19
19
|
};
|
|
@@ -22,15 +22,15 @@ export var isIosPlatform = function (platform) { return platform === PLATFORM.io
|
|
|
22
22
|
export var isAndroidPlatform = function (platform) { return platform === PLATFORM.android; };
|
|
23
23
|
export var isMobilePlatform = function (platform) { return isAndroidPlatform(platform) || isIosPlatform(platform); };
|
|
24
24
|
export var isDarkTheme = function (theme) { return theme === THEME.dark; };
|
|
25
|
-
export var
|
|
25
|
+
export var generateClassNames = function (_a) {
|
|
26
26
|
var className = _a.className, delimiter = _a.delimiter, additionalClassName = _a.additionalClassName;
|
|
27
27
|
return isArray(additionalClassName)
|
|
28
28
|
? classNames(className, additionalClassName.map(function (name) { return "".concat(className).concat(delimiter).concat(name); }))
|
|
29
29
|
: classNames(className, "".concat(className).concat(delimiter).concat(additionalClassName));
|
|
30
30
|
};
|
|
31
|
-
export var
|
|
31
|
+
export var generateDefaultGrayColorForIcon = function (theme) { return (theme === THEME.default ? COLORS.gray : COLORS.white80); };
|
|
32
32
|
export var userNameToColor = function (userName) {
|
|
33
|
-
var _a =
|
|
33
|
+
var _a = generateAvatarColor(userName), degrees = _a.degrees, top = _a.top, topPercent = _a.topPercent, middle = _a.middle, middlePercent = _a.middlePercent, bottom = _a.bottom, bottomPercent = _a.bottomPercent;
|
|
34
34
|
return middle
|
|
35
35
|
? "linear-gradient(".concat(degrees, "deg, ").concat(top, " ").concat(topPercent, "%, ").concat(middle, " ").concat(middlePercent, "%, ").concat(bottom, " ").concat(bottomPercent, "%)")
|
|
36
36
|
: "linear-gradient(".concat(degrees, "deg, ").concat(top, " ").concat(topPercent, "%, ").concat(bottom, " ").concat(bottomPercent, "%)");
|
|
@@ -44,36 +44,35 @@ var generateAvatarData = function (index) { return ({
|
|
|
44
44
|
bottom: AVATAR_COLOR_BOTTOM[index],
|
|
45
45
|
bottomPercent: AVATAR_COLOR_BOTTOM_PERCENTS[index],
|
|
46
46
|
}); };
|
|
47
|
-
var
|
|
47
|
+
var generateAvatarColor = function (str) {
|
|
48
48
|
if (!str)
|
|
49
49
|
return generateAvatarData(DEFAULT_HEADER_AVATAR_INDEX);
|
|
50
|
-
var stylesIndex =
|
|
50
|
+
var stylesIndex = calculateAvatarStylesIndex(str) || 0;
|
|
51
51
|
return generateAvatarData(stylesIndex);
|
|
52
52
|
};
|
|
53
|
-
var
|
|
53
|
+
var calculateAvatarStylesIndex = function (str) { return Math.abs(hashCode(str) % AVATAR_COLOR_TOP.length); };
|
|
54
54
|
var hashCode = function (str) {
|
|
55
55
|
return str.split('').reduce(function (a, b) {
|
|
56
56
|
a = (a << 5) - a + b.charCodeAt(0);
|
|
57
57
|
return a & a;
|
|
58
58
|
}, 0);
|
|
59
59
|
};
|
|
60
|
-
var
|
|
61
|
-
export var
|
|
60
|
+
var generateFirstLetterOfWord = function (word) { return (word === null || word === void 0 ? void 0 : word[0]) || ''; };
|
|
61
|
+
export var createInitials = function (str) {
|
|
62
62
|
var _a = str.trim().toUpperCase().split(' '), firstWord = _a[0], secondWord = _a[1];
|
|
63
|
-
return "".concat(
|
|
63
|
+
return "".concat(generateFirstLetterOfWord(firstWord)).concat(generateFirstLetterOfWord(secondWord));
|
|
64
64
|
};
|
|
65
|
-
export var
|
|
65
|
+
export var calculatePercentageOfValue = function (_a) {
|
|
66
66
|
var value = _a.value, percentage = _a.percentage, _b = _a.shouldBeRounded, shouldBeRounded = _b === void 0 ? true : _b;
|
|
67
67
|
var result = (value * percentage) / 100;
|
|
68
68
|
return shouldBeRounded ? Math.ceil(result) : result;
|
|
69
69
|
};
|
|
70
|
-
export var isHalfLayoutType = function (layoutType) { return layoutType === LAYOUT_TYPE.half; };
|
|
71
70
|
export var isFullScreen = function (layoutType) { return layoutType === LAYOUT_TYPE.full; };
|
|
72
71
|
export var isPrimaryFillType = function (fillType) { return fillType === FILL_TYPE.primary; };
|
|
73
72
|
export var isSecondaryFillType = function (fillType) { return fillType === FILL_TYPE.secondary; };
|
|
74
73
|
export var isValueEqualToZero = function (value) { return value === 0; };
|
|
75
74
|
export var renderStoryComponent = function (component) { return (_jsxs("div", __assign({ style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, { children: [_jsxs("div", __assign({ style: { border: '1px dashed #9747FF', borderRadius: '5px', padding: '0 16px 16px' } }, { children: [_jsx("h3", { children: "Light Theme" }), component] })), _jsxs("div", __assign({ style: { background: '#242424', borderRadius: '5px', padding: '0 16px 16px' } }, { children: [_jsx("h3", __assign({ style: { color: '#F9F9F9' } }, { children: "Dark Theme" })), _jsx("div", __assign({ "data-theme": "dark" }, { children: component }))] }))] }))); };
|
|
76
|
-
export var
|
|
75
|
+
export var generateIsCloseIconHidden = function (platform, isCloseIconHidden) {
|
|
77
76
|
return isNil(isCloseIconHidden) ? isMobilePlatform(platform) : isCloseIconHidden;
|
|
78
77
|
};
|
|
79
78
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/helpers/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AACvC,OAAO,EACL,mBAAmB,EACnB,4BAA4B,EAC5B,mBAAmB,EACnB,4BAA4B,EAC5B,gBAAgB,EAChB,yBAAyB,EACzB,cAAc,EACd,MAAM,EACN,2BAA2B,EAC3B,SAAS,EACT,WAAW,EACX,QAAQ,EAGR,KAAK,GACN,MAAM,cAAc,CAAA;AAGrB,MAAM,CAAC,IAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/helpers/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IActionModalProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const ActionModal: ({ isModalOpen, isClosableOutside, isCloseIconHidden, title, buttonName, confirmButtonFunction, cancelButtonFunction, platform, placeholder, defaultValue, isWaitingResponse, isButtonDisabled, titleStyles, iconColor, buttonWidth, backgroundColor, inputFillType, }: IActionModalProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare const ActionModal: ({ isModalOpen, isClosableOutside, isCloseIconHidden, title, buttonName, confirmButtonFunction, cancelButtonFunction, platform, placeholder, defaultValue, isWaitingResponse, isButtonDisabled, popupClassName, className, popupStyles, styles, titleStyles, iconColor, buttonWidth, backgroundColor, inputFillType, }: IActionModalProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default ActionModal;
|
|
@@ -12,32 +12,33 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
13
|
import { useEffect, useRef, useState } from 'react';
|
|
14
14
|
import Popup from 'reactjs-popup';
|
|
15
|
+
import classNames from 'classnames';
|
|
15
16
|
import Button from '../Button';
|
|
16
17
|
import Input from '../Input';
|
|
17
|
-
import {
|
|
18
|
+
import { generateClassNames, generateColor, generateIsCloseIconHidden } from '../../helpers';
|
|
18
19
|
import { PLATFORM } from '../../constants';
|
|
19
20
|
import { ReactComponent as CloseIcon } from '../../assets/icons/cancel-cross.svg';
|
|
20
21
|
import '../../styles/styles.scss';
|
|
21
22
|
var ActionModal = function (_a) {
|
|
22
|
-
var isModalOpen = _a.isModalOpen, _b = _a.isClosableOutside, isClosableOutside = _b === void 0 ? true : _b, isCloseIconHidden = _a.isCloseIconHidden, title = _a.title, buttonName = _a.buttonName, confirmButtonFunction = _a.confirmButtonFunction, cancelButtonFunction = _a.cancelButtonFunction, _c = _a.platform, platform = _c === void 0 ? PLATFORM.web : _c, placeholder = _a.placeholder, _d = _a.defaultValue, defaultValue = _d === void 0 ? '' : _d, isWaitingResponse = _a.isWaitingResponse, isButtonDisabled = _a.isButtonDisabled, titleStyles = _a.titleStyles, iconColor = _a.iconColor, _e = _a.buttonWidth, buttonWidth = _e === void 0 ? 100 : _e, backgroundColor = _a.backgroundColor, inputFillType = _a.inputFillType;
|
|
23
|
-
var isCloseIconNotVisible =
|
|
23
|
+
var isModalOpen = _a.isModalOpen, _b = _a.isClosableOutside, isClosableOutside = _b === void 0 ? true : _b, isCloseIconHidden = _a.isCloseIconHidden, title = _a.title, buttonName = _a.buttonName, confirmButtonFunction = _a.confirmButtonFunction, cancelButtonFunction = _a.cancelButtonFunction, _c = _a.platform, platform = _c === void 0 ? PLATFORM.web : _c, placeholder = _a.placeholder, _d = _a.defaultValue, defaultValue = _d === void 0 ? '' : _d, isWaitingResponse = _a.isWaitingResponse, isButtonDisabled = _a.isButtonDisabled, popupClassName = _a.popupClassName, className = _a.className, popupStyles = _a.popupStyles, styles = _a.styles, titleStyles = _a.titleStyles, iconColor = _a.iconColor, _e = _a.buttonWidth, buttonWidth = _e === void 0 ? 100 : _e, backgroundColor = _a.backgroundColor, inputFillType = _a.inputFillType;
|
|
24
|
+
var isCloseIconNotVisible = generateIsCloseIconHidden(platform, isCloseIconHidden);
|
|
24
25
|
var ref = useRef(null);
|
|
25
26
|
var _f = useState(defaultValue), value = _f[0], setValue = _f[1];
|
|
26
|
-
var
|
|
27
|
+
var handleConfirmClick = function () {
|
|
27
28
|
confirmButtonFunction(value);
|
|
28
29
|
setValue('');
|
|
29
30
|
};
|
|
30
|
-
var
|
|
31
|
+
var handleCloseModal = function () {
|
|
31
32
|
setValue('');
|
|
32
33
|
cancelButtonFunction();
|
|
33
34
|
};
|
|
34
35
|
useEffect(function () {
|
|
35
|
-
document.documentElement.style.setProperty('--action-modal-background',
|
|
36
|
+
document.documentElement.style.setProperty('--action-modal-background', generateColor(backgroundColor));
|
|
36
37
|
}, [backgroundColor]);
|
|
37
38
|
useEffect(function () {
|
|
38
39
|
var checkIfClickedOutside = function (e) {
|
|
39
40
|
if (isModalOpen && isClosableOutside && ref.current && !ref.current.contains(e.target) && !value.length) {
|
|
40
|
-
|
|
41
|
+
handleCloseModal();
|
|
41
42
|
}
|
|
42
43
|
};
|
|
43
44
|
document === null || document === void 0 ? void 0 : document.addEventListener('click', checkIfClickedOutside, true);
|
|
@@ -46,10 +47,8 @@ var ActionModal = function (_a) {
|
|
|
46
47
|
};
|
|
47
48
|
// eslint-disable-next-line
|
|
48
49
|
}, [isModalOpen, isClosableOutside, cancelButtonFunction, value]);
|
|
49
|
-
var
|
|
50
|
-
|
|
51
|
-
};
|
|
52
|
-
return (_jsx(Popup, __assign({ className: "action-modal", closeOnDocumentClick: isClosableOutside, modal: true, open: isModalOpen }, { children: _jsx("div", __assign({ ref: ref, className: "smartapp-action-modal" }, { children: _jsxs("div", __assign({ className: "smartapp-action-modal__content" }, { children: [_jsx("p", __assign({ className: getClassNames({ className: 'smartapp-action-modal__content--title', delimiter: '__', additionalClassName: platform }), style: titleStyles }, { children: title })), !isCloseIconNotVisible && (_jsx("div", __assign({ onClick: onCloseModal, className: "smartapp-action-modal__content--cancel-cross" }, { children: _jsx(CloseIcon, { style: { color: getColor(iconColor) } }) }))), _jsx("div", __assign({ className: "smartapp-action-modal__content--input" }, { children: _jsx(Input, { defaultValue: value, placeholder: placeholder, fillType: inputFillType, disabled: isWaitingResponse, onChange: onChange }) })), _jsx("div", __assign({ className: "smartapp-action-modal__content--buttons" }, { children: _jsx(Button, { width: buttonWidth, isWaitingResponse: isWaitingResponse, isDisabled: isButtonDisabled, title: buttonName, onClick: onConfirmClick }) }))] })) })) })));
|
|
50
|
+
var handleChange = function (value) { return setValue(value); };
|
|
51
|
+
return (_jsx(Popup, __assign({ className: classNames('action-modal', popupClassName), overlayStyle: popupStyles, closeOnDocumentClick: isClosableOutside, modal: true, open: isModalOpen }, { children: _jsx("div", __assign({ ref: ref, className: classNames('smartapp-action-modal', className), style: styles }, { children: _jsxs("div", __assign({ className: "smartapp-action-modal__content" }, { children: [_jsx("p", __assign({ className: generateClassNames({ className: 'smartapp-action-modal__content--title', delimiter: '__', additionalClassName: platform }), style: titleStyles }, { children: title })), !isCloseIconNotVisible && (_jsx("div", __assign({ onClick: handleCloseModal, className: "smartapp-action-modal__content--cancel-cross" }, { children: _jsx(CloseIcon, { style: { color: generateColor(iconColor) } }) }))), _jsx("div", __assign({ className: "smartapp-action-modal__content--input" }, { children: _jsx(Input, { defaultValue: value, placeholder: placeholder, fillType: inputFillType, disabled: isWaitingResponse, onChange: handleChange }) })), _jsx("div", __assign({ className: "smartapp-action-modal__content--buttons" }, { children: _jsx(Button, { width: buttonWidth, isWaitingResponse: isWaitingResponse, isDisabled: isButtonDisabled, title: buttonName, onClick: handleConfirmClick }) }))] })) })) })));
|
|
53
52
|
};
|
|
54
53
|
export default ActionModal;
|
|
55
54
|
//# sourceMappingURL=ActionModal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionModal.js","sourceRoot":"","sources":["../../../../src/сomponents/ActionModal/ActionModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,KAAK,MAAM,eAAe,CAAA;AACjC,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,KAAK,MAAM,UAAU,CAAA;AAC5B,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ActionModal.js","sourceRoot":"","sources":["../../../../src/сomponents/ActionModal/ActionModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,6 +12,10 @@ export interface IActionModalProps extends ICommonProps {
|
|
|
12
12
|
defaultValue?: string;
|
|
13
13
|
isWaitingResponse?: boolean;
|
|
14
14
|
isButtonDisabled?: boolean;
|
|
15
|
+
popupClassName?: string;
|
|
16
|
+
className?: string;
|
|
17
|
+
popupStyles?: TStyles;
|
|
18
|
+
styles?: TStyles;
|
|
15
19
|
titleStyles?: TStyles;
|
|
16
20
|
iconColor?: string;
|
|
17
21
|
buttonWidth?: IntRange<1, 101>;
|
|
@@ -4,5 +4,5 @@ export declare enum DISPLAY_SIZE {
|
|
|
4
4
|
small = "small",
|
|
5
5
|
normal = "normal"
|
|
6
6
|
}
|
|
7
|
-
declare const AttachedFile: ({ theme, fileName, weight, weightType, isIconEnclosedWithinBorders, isSpaceBetween, isRemovable, isDownloadable, isDisabled, isLoading, width, displaySize, fileColor, downloadColor, removeColor, fileIcon, onClick, onRemove, onDownload, }: IAttachedFileProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare const AttachedFile: ({ theme, fileName, weight, weightType, isIconEnclosedWithinBorders, isSpaceBetween, isRemovable, isDownloadable, isDisabled, isLoading, width, displaySize, className, styles, fileColor, downloadColor, removeColor, fileIcon, onClick, onRemove, onDownload, }: IAttachedFileProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
export default AttachedFile;
|
|
@@ -15,7 +15,7 @@ import { ReactComponent as FileIcon } from '../../assets/icons/file.svg';
|
|
|
15
15
|
import { ReactComponent as RemoveIcon } from '../../assets/icons/close.svg';
|
|
16
16
|
import { ReactComponent as DownloadIcon } from '../../assets/icons/download.svg';
|
|
17
17
|
import { ReactComponent as LoaderIcon } from '../../assets/icons/attachment-loader.svg';
|
|
18
|
-
import {
|
|
18
|
+
import { generateColor, generateDefaultGrayColorForIcon } from '../../helpers';
|
|
19
19
|
import { COLORS, THEME } from '../../constants';
|
|
20
20
|
import '../../styles/styles.scss';
|
|
21
21
|
export var DISPLAY_SIZE;
|
|
@@ -24,7 +24,7 @@ export var DISPLAY_SIZE;
|
|
|
24
24
|
DISPLAY_SIZE["normal"] = "normal";
|
|
25
25
|
})(DISPLAY_SIZE || (DISPLAY_SIZE = {}));
|
|
26
26
|
var AttachedFile = function (_a) {
|
|
27
|
-
var _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, fileName = _a.fileName, weight = _a.weight, weightType = _a.weightType, _c = _a.isIconEnclosedWithinBorders, isIconEnclosedWithinBorders = _c === void 0 ? false : _c, _d = _a.isSpaceBetween, isSpaceBetween = _d === void 0 ? false : _d, _e = _a.isRemovable, isRemovable = _e === void 0 ? false : _e, _f = _a.isDownloadable, isDownloadable = _f === void 0 ? false : _f, _g = _a.isDisabled, isDisabled = _g === void 0 ? false : _g, _h = _a.isLoading, isLoading = _h === void 0 ? false : _h, _j = _a.width, width = _j === void 0 ? 100 : _j, _k = _a.displaySize, displaySize = _k === void 0 ? DISPLAY_SIZE.normal : _k, fileColor = _a.fileColor, downloadColor = _a.downloadColor, removeColor = _a.removeColor, fileIcon = _a.fileIcon, onClick = _a.onClick, onRemove = _a.onRemove, onDownload = _a.onDownload;
|
|
27
|
+
var _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, fileName = _a.fileName, weight = _a.weight, weightType = _a.weightType, _c = _a.isIconEnclosedWithinBorders, isIconEnclosedWithinBorders = _c === void 0 ? false : _c, _d = _a.isSpaceBetween, isSpaceBetween = _d === void 0 ? false : _d, _e = _a.isRemovable, isRemovable = _e === void 0 ? false : _e, _f = _a.isDownloadable, isDownloadable = _f === void 0 ? false : _f, _g = _a.isDisabled, isDisabled = _g === void 0 ? false : _g, _h = _a.isLoading, isLoading = _h === void 0 ? false : _h, _j = _a.width, width = _j === void 0 ? 100 : _j, _k = _a.displaySize, displaySize = _k === void 0 ? DISPLAY_SIZE.normal : _k, className = _a.className, styles = _a.styles, fileColor = _a.fileColor, downloadColor = _a.downloadColor, removeColor = _a.removeColor, fileIcon = _a.fileIcon, onClick = _a.onClick, onRemove = _a.onRemove, onDownload = _a.onDownload;
|
|
28
28
|
var handleAttachmentClick = function () { return !isLoading && !isDisabled && onClick && onClick(fileName); };
|
|
29
29
|
var handleAttachmentRemove = function (event) {
|
|
30
30
|
if (onRemove) {
|
|
@@ -38,23 +38,23 @@ var AttachedFile = function (_a) {
|
|
|
38
38
|
onDownload(fileName);
|
|
39
39
|
}
|
|
40
40
|
};
|
|
41
|
-
return (_jsxs("div", __assign({ style: { width: "".concat(width, "%") }, className: classNames('smartapp-attached-file', "smartapp-attached-file__".concat(theme), {
|
|
41
|
+
return (_jsxs("div", __assign({ style: __assign({ width: "".concat(width, "%") }, styles), className: classNames('smartapp-attached-file', "smartapp-attached-file__".concat(theme), {
|
|
42
42
|
'smartapp-attached-file__clickable': onClick,
|
|
43
43
|
'smartapp-attached-file__disabled': isDisabled,
|
|
44
44
|
'smartapp-attached-file__loading': isLoading,
|
|
45
|
-
}), onClick: handleAttachmentClick }, { children: [_jsxs("div", __assign({ className: classNames('smartapp-attached-file__icon', "smartapp-attached-file__icon--".concat(displaySize), {
|
|
45
|
+
}, className), onClick: handleAttachmentClick }, { children: [_jsxs("div", __assign({ className: classNames('smartapp-attached-file__icon', "smartapp-attached-file__icon--".concat(displaySize), {
|
|
46
46
|
'smartapp-attached-file__icon--bordered': isIconEnclosedWithinBorders,
|
|
47
47
|
'smartapp-attached-file__icon--disabled': isDisabled,
|
|
48
48
|
'smartapp-attached-file__icon--loading': isLoading && !isIconEnclosedWithinBorders,
|
|
49
|
-
}) }, { children: [fileIcon || _jsx(FileIcon, { style: { color:
|
|
49
|
+
}) }, { children: [fileIcon || _jsx(FileIcon, { style: { color: generateColor(fileColor, generateDefaultGrayColorForIcon(theme)) } }), isLoading && (_jsx("div", __assign({ className: classNames('smartapp-attached-file__icon--loader', "smartapp-attached-file__icon--loader__".concat(displaySize)) }, { children: _jsx(LoaderIcon, {}) })))] })), _jsxs("div", __assign({ className: classNames('smartapp-attached-file__value', { 'justify-space-between': isSpaceBetween }) }, { children: [_jsxs("div", __assign({ className: classNames('smartapp-attached-file__value--info', {
|
|
50
50
|
'smartapp-attached-file__value--info__paddings': isIconEnclosedWithinBorders && displaySize === DISPLAY_SIZE.normal,
|
|
51
51
|
}) }, { children: [_jsx("p", __assign({ className: classNames('smartapp-attached-file__value--info__name', "smartapp-attached-file__value--info__name--".concat(displaySize), {
|
|
52
52
|
'smartapp-attached-file__value--info__name--disabled': isDisabled,
|
|
53
53
|
'smartapp-attached-file__value--info__name--loading': isLoading,
|
|
54
|
-
}) }, { children: fileName })), _jsx("p", __assign({ className: "smartapp-attached-file__value--info__weight" }, { children: "".concat(weight, " ").concat(weightType) }))] })), _jsxs("div", __assign({ className: "smartapp-attached-file__value--icons" }, { children: [isRemovable && (_jsx("div", __assign({ onClick: handleAttachmentRemove, className: "smartapp-attached-file__value--icons__close" }, { children: _jsx(RemoveIcon, { style: { color:
|
|
54
|
+
}) }, { children: fileName })), _jsx("p", __assign({ className: "smartapp-attached-file__value--info__weight" }, { children: "".concat(weight, " ").concat(weightType) }))] })), _jsxs("div", __assign({ className: "smartapp-attached-file__value--icons" }, { children: [isRemovable && (_jsx("div", __assign({ onClick: handleAttachmentRemove, className: "smartapp-attached-file__value--icons__close" }, { children: _jsx(RemoveIcon, { style: { color: generateColor(removeColor, generateDefaultGrayColorForIcon(theme)) } }) }))), isDownloadable && (_jsx("div", __assign({ onClick: handleAttachmentDownload, className: classNames('smartapp-attached-file__value--icons__download', {
|
|
55
55
|
'smartapp-attached-file__value--icons__download--disabled': isDisabled,
|
|
56
56
|
'smartapp-attached-file__value--icons__download--loading': isLoading,
|
|
57
|
-
}) }, { children: _jsx(DownloadIcon, { style: { color:
|
|
57
|
+
}) }, { children: _jsx(DownloadIcon, { style: { color: generateColor(downloadColor, COLORS.blue) } }) })))] }))] }))] }), weight));
|
|
58
58
|
};
|
|
59
59
|
export default AttachedFile;
|
|
60
60
|
//# sourceMappingURL=AttachedFile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AttachedFile.js","sourceRoot":"","sources":["../../../../src/сomponents/AttachedFile/AttachedFile.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,cAAc,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACxE,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,8BAA8B,CAAA;AAC3E,OAAO,EAAE,cAAc,IAAI,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAChF,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,0CAA0C,CAAA;AACvF,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"AttachedFile.js","sourceRoot":"","sources":["../../../../src/сomponents/AttachedFile/AttachedFile.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
2
|
import { IntRange } from '../types';
|
|
3
|
-
import { IThemeProps } from '../../constants';
|
|
3
|
+
import { IThemeProps, TStyles } from '../../constants';
|
|
4
4
|
export interface IAttachedFileProps extends IThemeProps {
|
|
5
5
|
fileName: string;
|
|
6
6
|
weight: number;
|
|
@@ -13,6 +13,8 @@ export interface IAttachedFileProps extends IThemeProps {
|
|
|
13
13
|
isLoading?: boolean;
|
|
14
14
|
width?: IntRange<1, 101>;
|
|
15
15
|
displaySize?: 'small' | 'normal';
|
|
16
|
+
className?: string;
|
|
17
|
+
styles?: TStyles;
|
|
16
18
|
fileColor?: string;
|
|
17
19
|
downloadColor?: string;
|
|
18
20
|
removeColor?: string;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IAvatarProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const Avatar: ({ theme, className, avatarRef, isSelected, isHighlighted, isInactive, isSpam, isCrown, size, username, initials, avatar, counter, outlineDefaultBackground, outlineDarkBackground, onClick, onMouseDown, }: IAvatarProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare const Avatar: ({ theme, className, styles, avatarRef, isSelected, isHighlighted, isInactive, isSpam, isCrown, size, username, initials, avatar, counter, outlineDefaultBackground, outlineDarkBackground, onClick, onMouseDown, }: IAvatarProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default Avatar;
|
|
@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
|
|
|
11
11
|
};
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
13
|
import classNames from 'classnames';
|
|
14
|
-
import {
|
|
14
|
+
import { calculatePercentageOfValue, createInitials, isDarkTheme, userNameToColor } from '../../helpers';
|
|
15
15
|
import { AvatarFontSizes } from './types';
|
|
16
16
|
import { COLORS, MAX_NUMBER_OF_CHARACTERS_IN_INITIALS, THEME } from '../../constants';
|
|
17
17
|
import { ReactComponent as TickIcon } from '../../assets/icons/tick.svg';
|
|
@@ -32,11 +32,11 @@ var PERCENTS;
|
|
|
32
32
|
var AVATAR_OPACITY = 0.5;
|
|
33
33
|
var USER_INITIALS_OPACITY = 0.3;
|
|
34
34
|
var Avatar = function (_a) {
|
|
35
|
-
var _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, className = _a.className, avatarRef = _a.avatarRef, isSelected = _a.isSelected, isHighlighted = _a.isHighlighted, isInactive = _a.isInactive, isSpam = _a.isSpam, isCrown = _a.isCrown, _c = _a.size, size = _c === void 0 ? 44 : _c, _d = _a.username, username = _d === void 0 ? '' : _d, initials = _a.initials, avatar = _a.avatar, _e = _a.counter, counter = _e === void 0 ? 0 : _e, _f = _a.outlineDefaultBackground, outlineDefaultBackground = _f === void 0 ? COLORS.white : _f, _g = _a.outlineDarkBackground, outlineDarkBackground = _g === void 0 ? COLORS.brightBlack : _g, _h = _a.onClick, onClick = _h === void 0 ? function () { return undefined; } : _h, onMouseDown = _a.onMouseDown;
|
|
35
|
+
var _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, className = _a.className, styles = _a.styles, avatarRef = _a.avatarRef, isSelected = _a.isSelected, isHighlighted = _a.isHighlighted, isInactive = _a.isInactive, isSpam = _a.isSpam, isCrown = _a.isCrown, _c = _a.size, size = _c === void 0 ? 44 : _c, _d = _a.username, username = _d === void 0 ? '' : _d, initials = _a.initials, avatar = _a.avatar, _e = _a.counter, counter = _e === void 0 ? 0 : _e, _f = _a.outlineDefaultBackground, outlineDefaultBackground = _f === void 0 ? COLORS.white : _f, _g = _a.outlineDarkBackground, outlineDarkBackground = _g === void 0 ? COLORS.brightBlack : _g, _h = _a.onClick, onClick = _h === void 0 ? function () { return undefined; } : _h, onMouseDown = _a.onMouseDown;
|
|
36
36
|
var inactiveOpacity = avatar ? AVATAR_OPACITY : USER_INITIALS_OPACITY;
|
|
37
37
|
var outlineBackground = isDarkTheme(theme) ? outlineDarkBackground : outlineDefaultBackground;
|
|
38
|
-
var outlineWidth =
|
|
39
|
-
var
|
|
38
|
+
var outlineWidth = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_5, shouldBeRounded: false });
|
|
39
|
+
var generateFontSizeAvatar = function () {
|
|
40
40
|
switch (size) {
|
|
41
41
|
case 20:
|
|
42
42
|
case 24: {
|
|
@@ -58,14 +58,14 @@ var Avatar = function (_a) {
|
|
|
58
58
|
}
|
|
59
59
|
}
|
|
60
60
|
};
|
|
61
|
-
var renderUserInitials = function () { return (initials === null || initials === void 0 ? void 0 : initials.slice(0, MAX_NUMBER_OF_CHARACTERS_IN_INITIALS).toUpperCase()) ||
|
|
61
|
+
var renderUserInitials = function () { return (initials === null || initials === void 0 ? void 0 : initials.slice(0, MAX_NUMBER_OF_CHARACTERS_IN_INITIALS).toUpperCase()) || createInitials(username); };
|
|
62
62
|
var renderContent = function () {
|
|
63
63
|
if (isSelected) {
|
|
64
|
-
var tickSize =
|
|
64
|
+
var tickSize = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_57 });
|
|
65
65
|
return _jsx(TickIcon, { width: tickSize, height: tickSize });
|
|
66
66
|
}
|
|
67
67
|
if (isSpam) {
|
|
68
|
-
var infoSize =
|
|
68
|
+
var infoSize = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_60 });
|
|
69
69
|
return _jsx(InfoIcon, { width: infoSize, height: infoSize });
|
|
70
70
|
}
|
|
71
71
|
return avatar ? _jsx("img", { src: avatar, alt: "avatar" }) : renderUserInitials();
|
|
@@ -73,12 +73,12 @@ var Avatar = function (_a) {
|
|
|
73
73
|
var renderCounter = function () {
|
|
74
74
|
var isSingleDigitNumber = counter <= 9;
|
|
75
75
|
var counterText = isSingleDigitNumber ? counter : '9+';
|
|
76
|
-
var width =
|
|
77
|
-
var height =
|
|
78
|
-
var fontSize =
|
|
79
|
-
var top =
|
|
80
|
-
var right =
|
|
81
|
-
var borderWidth =
|
|
76
|
+
var width = calculatePercentageOfValue({ value: size, percentage: isSingleDigitNumber ? PERCENTS.pct_40 : PERCENTS.pct_50 });
|
|
77
|
+
var height = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_40 });
|
|
78
|
+
var fontSize = calculatePercentageOfValue({ value: height, percentage: PERCENTS.pct_75 });
|
|
79
|
+
var top = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_10 });
|
|
80
|
+
var right = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_15 });
|
|
81
|
+
var borderWidth = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_5, shouldBeRounded: false });
|
|
82
82
|
var borderRadius = isSingleDigitNumber ? '50%' : "".concat(height * 1.5625, "px");
|
|
83
83
|
return (_jsx("div", __assign({ className: "smartapp-avatar__content--counter", style: {
|
|
84
84
|
width: "".concat(width, "px"),
|
|
@@ -91,22 +91,22 @@ var Avatar = function (_a) {
|
|
|
91
91
|
} }, { children: counterText })));
|
|
92
92
|
};
|
|
93
93
|
var renderCrown = function () {
|
|
94
|
-
var bottom =
|
|
95
|
-
var right =
|
|
96
|
-
var crownSize =
|
|
94
|
+
var bottom = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_10 });
|
|
95
|
+
var right = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_15 });
|
|
96
|
+
var crownSize = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_50 });
|
|
97
97
|
return (_jsx(CrownIcon, { className: "smartapp-avatar__content--crown", width: crownSize, height: crownSize, color: outlineBackground, style: { bottom: "-".concat(bottom, "px"), right: "-".concat(right, "px") } }));
|
|
98
98
|
};
|
|
99
|
-
var
|
|
99
|
+
var generateAvatarContentStyles = function () { return ({
|
|
100
100
|
width: "".concat(size, "px"),
|
|
101
101
|
minWidth: "".concat(size, "px"),
|
|
102
102
|
height: "".concat(size, "px"),
|
|
103
|
-
fontSize:
|
|
103
|
+
fontSize: generateFontSizeAvatar(),
|
|
104
104
|
background: isInactive
|
|
105
105
|
? "linear-gradient(180deg, ".concat(COLORS.inactiveAvatarGradientStart, " 0%, ").concat(COLORS.inactiveAvatarGradientEnd, " 100%)")
|
|
106
106
|
: userNameToColor(initials || username),
|
|
107
107
|
opacity: isInactive ? inactiveOpacity : 1,
|
|
108
108
|
}); };
|
|
109
|
-
return (_jsx("div", __assign({ ref: avatarRef, className: classNames('smartapp-avatar', "smartapp-avatar__".concat(theme), { 'smartapp-avatar__outline': isHighlighted }, className), style: { '--avatar-outline-width': "".concat(outlineWidth, "px") }, onClick: onClick, onMouseDown: onMouseDown }, { children: _jsxs("div", __assign({ style:
|
|
109
|
+
return (_jsx("div", __assign({ ref: avatarRef, className: classNames('smartapp-avatar', "smartapp-avatar__".concat(theme), { 'smartapp-avatar__outline': isHighlighted }, className), style: __assign({ '--avatar-outline-width': "".concat(outlineWidth, "px") }, styles), onClick: onClick, onMouseDown: onMouseDown }, { children: _jsxs("div", __assign({ style: generateAvatarContentStyles(), className: classNames('smartapp-avatar__content', {
|
|
110
110
|
'smartapp-avatar__content--spam': isSpam,
|
|
111
111
|
'smartapp-avatar__content--inactive': isInactive,
|
|
112
112
|
}) }, { children: [!!counter && renderCounter(), renderContent(), isCrown && renderCrown()] })) })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/сomponents/Avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/сomponents/Avatar/Avatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { RefObject } from 'react';
|
|
2
|
-
import { IThemeProps } from '../../constants';
|
|
2
|
+
import { IThemeProps, TStyles } from '../../constants';
|
|
3
3
|
export interface IAvatarProps extends IThemeProps {
|
|
4
4
|
avatarRef?: RefObject<HTMLDivElement | null>;
|
|
5
5
|
className?: string;
|
|
6
|
+
styles?: TStyles;
|
|
6
7
|
isSelected?: boolean;
|
|
7
8
|
isHighlighted?: boolean;
|
|
8
9
|
isInactive?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/Avatar/types.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/Avatar/types.ts"],"names":[],"mappings":"AAuBA,MAAM,CAAN,IAAY,eAMX;AAND,WAAY,eAAe;IACzB,kCAAe,CAAA;IACf,iCAAc,CAAA;IACd,mCAAgB,CAAA;IAChB,gCAAa,CAAA;IACb,oCAAiB,CAAA;AACnB,CAAC,EANW,eAAe,KAAf,eAAe,QAM1B"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IButtonProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const Button: ({ title, isDisabled, isDisabledClickable, isWaitingResponse, variant, appearance, icon, width, styles, onClick, ...props }: IButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare const Button: ({ title, isDisabled, isDisabledClickable, isWaitingResponse, variant, appearance, icon, width, className, styles, onClick, ...props }: IButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default Button;
|