@expressms/smartapp-ui 2.9.13 → 3.0.0-alpha.1
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/assets/icons/arrow-down.svg +2 -2
- package/build/main/assets/icons/arrow-up.svg +2 -2
- package/build/main/assets/icons/attachment-loader.svg +2 -2
- package/build/main/assets/icons/avatar-arrow-down.svg +3 -0
- package/build/main/assets/icons/avatar-arrow-up.svg +3 -0
- package/build/main/assets/icons/{loader-medium.svg → avatar-loader.svg} +1 -1
- package/build/main/assets/icons/button-loader.svg +2 -2
- package/build/main/assets/icons/check-mark-square.svg +4 -0
- package/build/main/assets/icons/check-mark.svg +3 -3
- package/build/main/assets/icons/chip-info.svg +3 -1
- package/build/main/assets/icons/clear.svg +2 -2
- package/build/main/assets/icons/close-modal.svg +3 -0
- package/build/main/assets/icons/close.svg +2 -9
- package/build/main/assets/icons/contact-info.svg +3 -10
- package/build/main/assets/icons/corporate-user.svg +2 -9
- package/build/main/assets/icons/delete-chip.svg +2 -2
- package/build/main/assets/icons/doc-small.svg +11 -0
- package/build/main/assets/icons/doc.svg +11 -0
- package/build/main/assets/icons/eye-off.svg +4 -9
- package/build/main/assets/icons/eye-on.svg +4 -0
- package/build/main/assets/icons/file-small.svg +11 -0
- package/build/main/assets/icons/file.svg +10 -2
- package/build/main/assets/icons/global-address-book-user.svg +3 -9
- package/build/main/assets/icons/indeterminate-check-mark-square.svg +4 -0
- package/build/main/assets/icons/input-arrow-down.svg +3 -0
- package/build/main/assets/icons/input-arrow-up.svg +3 -0
- package/build/main/assets/icons/magnifying-glass.svg +2 -2
- package/build/main/assets/icons/notification-close.svg +1 -1
- package/build/main/assets/icons/notification-failure.svg +2 -2
- package/build/main/assets/icons/notification-info.svg +4 -4
- package/build/main/assets/icons/notification-success.svg +3 -3
- package/build/main/assets/icons/pdf-small.svg +11 -0
- package/build/main/assets/icons/pdf.svg +11 -0
- package/build/main/assets/icons/play-small.svg +3 -0
- package/build/main/assets/icons/play.svg +3 -0
- package/build/main/assets/icons/ppt-small.svg +11 -0
- package/build/main/assets/icons/ppt.svg +11 -0
- package/build/main/assets/icons/txt-small.svg +11 -0
- package/build/main/assets/icons/txt.svg +11 -0
- package/build/main/assets/icons/warning-avatar.svg +1 -1
- package/build/main/assets/icons/xls-small.svg +11 -0
- package/build/main/assets/icons/xls.svg +11 -0
- package/build/main/assets/storybook/index.d.ts +2 -1
- package/build/main/assets/storybook/index.js +2 -1
- package/build/main/assets/storybook/index.js.map +1 -1
- package/build/main/constants/constants.d.ts +43 -24
- package/build/main/constants/constants.js +41 -23
- package/build/main/constants/constants.js.map +1 -1
- package/build/main/constants/types.d.ts +26 -0
- package/build/main/helpers/index.d.ts +10 -7
- package/build/main/helpers/index.js +65 -13
- package/build/main/helpers/index.js.map +1 -1
- package/build/main/hooks/useModal.d.ts +2 -1
- package/build/main/hooks/useModal.js +5 -8
- package/build/main/hooks/useModal.js.map +1 -1
- package/build/main/styles/styles.scss +2 -2
- package/build/main//321/201omponents/ActionModal/ActionModal.d.ts +1 -1
- package/build/main//321/201omponents/ActionModal/ActionModal.js +13 -15
- package/build/main//321/201omponents/ActionModal/ActionModal.js.map +1 -1
- package/build/main//321/201omponents/ActionModal/types.d.ts +2 -3
- package/build/main//321/201omponents/AttachedFile/AttachedFile.d.ts +1 -1
- package/build/main//321/201omponents/AttachedFile/AttachedFile.js +69 -33
- package/build/main//321/201omponents/AttachedFile/AttachedFile.js.map +1 -1
- package/build/main//321/201omponents/AttachedFile/types.d.ts +3 -7
- package/build/main//321/201omponents/Avatar/Avatar.d.ts +1 -1
- package/build/main//321/201omponents/Avatar/Avatar.js +24 -25
- package/build/main//321/201omponents/Avatar/Avatar.js.map +1 -1
- package/build/main//321/201omponents/Avatar/types.d.ts +4 -4
- package/build/main//321/201omponents/Button/Button.d.ts +1 -1
- package/build/main//321/201omponents/Button/Button.js +13 -19
- package/build/main//321/201omponents/Button/Button.js.map +1 -1
- package/build/main//321/201omponents/Button/types.d.ts +6 -10
- package/build/main//321/201omponents/Button/types.js +1 -0
- package/build/main//321/201omponents/Button/types.js.map +1 -1
- package/build/main//321/201omponents/Calendar/Calendar.d.ts +1 -1
- package/build/main//321/201omponents/Calendar/Calendar.js +13 -12
- package/build/main//321/201omponents/Calendar/Calendar.js.map +1 -1
- package/build/main//321/201omponents/Calendar/types.d.ts +2 -1
- package/build/main//321/201omponents/Charts/ChartBar/ChartBar.d.ts +1 -1
- package/build/main//321/201omponents/Charts/ChartBar/ChartBar.js +8 -7
- package/build/main//321/201omponents/Charts/ChartBar/ChartBar.js.map +1 -1
- package/build/main//321/201omponents/Charts/ChartLine/ChartLine.d.ts +1 -1
- package/build/main//321/201omponents/Charts/ChartLine/ChartLine.js +8 -7
- package/build/main//321/201omponents/Charts/ChartLine/ChartLine.js.map +1 -1
- package/build/main//321/201omponents/Charts/ChartPie/ChartPie.d.ts +1 -1
- package/build/main//321/201omponents/Charts/ChartPie/ChartPie.js +9 -8
- package/build/main//321/201omponents/Charts/ChartPie/ChartPie.js.map +1 -1
- package/build/main//321/201omponents/Charts/constants.d.ts +0 -4
- package/build/main//321/201omponents/Charts/constants.js +1 -2
- package/build/main//321/201omponents/Charts/constants.js.map +1 -1
- package/build/main//321/201omponents/Charts/helpers.d.ts +2 -2
- package/build/main//321/201omponents/Charts/helpers.js +1 -1
- package/build/main//321/201omponents/Charts/helpers.js.map +1 -1
- package/build/main//321/201omponents/Charts/types.d.ts +3 -2
- package/build/main//321/201omponents/Charts/usePieEvents.js +1 -1
- package/build/main//321/201omponents/Charts/usePieEvents.js.map +1 -1
- package/build/main//321/201omponents/Checkbox/Checkbox.d.ts +5 -1
- package/build/main//321/201omponents/Checkbox/Checkbox.js +24 -14
- package/build/main//321/201omponents/Checkbox/Checkbox.js.map +1 -1
- package/build/main//321/201omponents/Checkbox/types.d.ts +2 -0
- package/build/main//321/201omponents/Chip/Chip.d.ts +1 -1
- package/build/main//321/201omponents/Chip/Chip.js +52 -25
- package/build/main//321/201omponents/Chip/Chip.js.map +1 -1
- package/build/main//321/201omponents/Chip/types.d.ts +3 -2
- package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.d.ts +1 -1
- package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.js +19 -26
- package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.js.map +1 -1
- package/build/main//321/201omponents/ConfirmationModal/types.d.ts +2 -2
- package/build/main//321/201omponents/ContextMenu/ContextMenu.d.ts +1 -1
- package/build/main//321/201omponents/ContextMenu/ContextMenu.js +3 -3
- package/build/main//321/201omponents/ContextMenu/ContextMenu.js.map +1 -1
- package/build/main//321/201omponents/ContextMenu/types.d.ts +2 -2
- package/build/main//321/201omponents/CustomSelect/CustomSelect.d.ts +1 -1
- package/build/main//321/201omponents/CustomSelect/CustomSelect.js +25 -21
- package/build/main//321/201omponents/CustomSelect/CustomSelect.js.map +1 -1
- package/build/main//321/201omponents/CustomSelect/selectStyles.d.ts +2 -2
- package/build/main//321/201omponents/CustomSelect/selectStyles.js +21 -18
- package/build/main//321/201omponents/CustomSelect/selectStyles.js.map +1 -1
- package/build/main//321/201omponents/CustomSelect/types.d.ts +3 -4
- package/build/main//321/201omponents/CustomSelectProfiles/CustomSelectProfiles.js.map +1 -1
- package/build/main//321/201omponents/DragAndDrop/DragAndDrop.js +3 -3
- package/build/main//321/201omponents/DragAndDrop/DragAndDrop.js.map +1 -1
- package/build/main//321/201omponents/DraggablePopup/DraggablePopup.d.ts +1 -1
- package/build/main//321/201omponents/DraggablePopup/DraggablePopup.js +5 -5
- package/build/main//321/201omponents/DraggablePopup/DraggablePopup.js.map +1 -1
- package/build/main//321/201omponents/DraggablePopup/types.d.ts +2 -2
- package/build/main//321/201omponents/Error/Error.d.ts +1 -1
- package/build/main//321/201omponents/Error/Error.js +3 -3
- package/build/main//321/201omponents/Error/Error.js.map +1 -1
- package/build/main//321/201omponents/Error/types.d.ts +2 -2
- package/build/main//321/201omponents/Flex/Flex.js.map +1 -1
- package/build/main//321/201omponents/Flex/HFlex/HFlex.d.ts +1 -1
- package/build/main//321/201omponents/Flex/HFlex/HFlex.js.map +1 -1
- package/build/main//321/201omponents/Flex/VFlex/VFlex.d.ts +1 -1
- package/build/main//321/201omponents/Header/Header.d.ts +1 -1
- package/build/main//321/201omponents/Header/Header.js +4 -4
- package/build/main//321/201omponents/Header/Header.js.map +1 -1
- package/build/main//321/201omponents/Header/types.d.ts +2 -2
- package/build/main//321/201omponents/Input/Input.d.ts +1 -1
- package/build/main//321/201omponents/Input/Input.js +68 -92
- package/build/main//321/201omponents/Input/Input.js.map +1 -1
- package/build/main//321/201omponents/Input/types.d.ts +6 -8
- package/build/main//321/201omponents/ListItem/ListItem.js +4 -4
- package/build/main//321/201omponents/ListItem/ListItem.js.map +1 -1
- package/build/main//321/201omponents/ListItem/types.d.ts +2 -2
- package/build/main//321/201omponents/Loader/Loader.d.ts +1 -1
- package/build/main//321/201omponents/Loader/Loader.js +3 -3
- package/build/main//321/201omponents/Loader/Loader.js.map +1 -1
- package/build/main//321/201omponents/Loader/types.d.ts +2 -2
- package/build/main//321/201omponents/Modal/Modal.d.ts +1 -1
- package/build/main//321/201omponents/Modal/Modal.js +59 -43
- package/build/main//321/201omponents/Modal/Modal.js.map +1 -1
- package/build/main//321/201omponents/Modal/types.d.ts +6 -7
- package/build/main//321/201omponents/Notification/Notification.d.ts +1 -1
- package/build/main//321/201omponents/Notification/Notification.js +52 -64
- package/build/main//321/201omponents/Notification/Notification.js.map +1 -1
- package/build/main//321/201omponents/Notification/types.d.ts +3 -4
- package/build/main//321/201omponents/Profile/Profile.js +2 -2
- 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 +3 -3
- package/build/main//321/201omponents/ProgressBar/ProgressBar.js.map +1 -1
- package/build/main//321/201omponents/ProgressBar/types.d.ts +2 -2
- package/build/main//321/201omponents/RadioButton/RadioButton.js +9 -13
- package/build/main//321/201omponents/RadioButton/RadioButton.js.map +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/Skeleton/Skeleton.js.map +1 -1
- package/build/main//321/201omponents/Skeleton/types.d.ts +2 -2
- package/build/main//321/201omponents/Stories/Stories.js +15 -15
- package/build/main//321/201omponents/Stories/Stories.js.map +1 -1
- package/build/main//321/201omponents/Stories/types.d.ts +2 -3
- package/build/main//321/201omponents/Switcher/Switcher.js +1 -1
- package/build/main//321/201omponents/Switcher/Switcher.js.map +1 -1
- package/build/main//321/201omponents/SyncLoader/SyncLoader.js +4 -4
- package/build/main//321/201omponents/SyncLoader/SyncLoader.js.map +1 -1
- package/build/main//321/201omponents/SyncLoader/types.d.ts +2 -3
- package/build/main//321/201omponents/Textarea/Textarea.d.ts +1 -1
- package/build/main//321/201omponents/Textarea/Textarea.js +8 -48
- package/build/main//321/201omponents/Textarea/Textarea.js.map +1 -1
- package/build/main//321/201omponents/Textarea/types.d.ts +2 -4
- package/build/main//321/201omponents/Toggle/Toggle.js +11 -14
- package/build/main//321/201omponents/Toggle/Toggle.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/ContactBottomSheet/ContactBottomSheet.d.ts +1 -1
- package/build/main//321/201omponents/UserDropdown/ContactBottomSheet/ContactBottomSheet.js +5 -6
- package/build/main//321/201omponents/UserDropdown/ContactBottomSheet/ContactBottomSheet.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/MenuList/MenuList.js +5 -7
- package/build/main//321/201omponents/UserDropdown/MenuList/MenuList.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.js +40 -18
- package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/Option/Option.js +6 -10
- package/build/main//321/201omponents/UserDropdown/Option/Option.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/SearchInCatalogButton/SearchInCatalogButton.js +2 -2
- package/build/main//321/201omponents/UserDropdown/UserDropdown.d.ts +1 -1
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js +43 -55
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/helpers.js +1 -4
- package/build/main//321/201omponents/UserDropdown/helpers.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/selectStyles.d.ts +1 -1
- package/build/main//321/201omponents/UserDropdown/selectStyles.js +20 -32
- package/build/main//321/201omponents/UserDropdown/selectStyles.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/types.d.ts +9 -4
- package/build/main//321/201omponents/UserDropdown/types.js.map +1 -1
- package/package.json +2 -2
- package/build/main/assets/icons/cancel-cross.svg +0 -3
- package/build/main/assets/icons/download.svg +0 -4
- package/build/main/assets/icons/eye.svg +0 -10
- package/build/main/assets/icons/notification-error.svg +0 -3
- package/build/main/assets/icons/notification-warning.svg +0 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/assets/storybook/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACnE,OAAO,EAAE,cAAc,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAChE,OAAO,EAAE,cAAc,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACvE,OAAO,EAAE,cAAc,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AAC7D,OAAO,EAAE,cAAc,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACnE,OAAO,EAAE,cAAc,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AACjE,OAAO,EAAE,cAAc,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AACvD,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AAC3D,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AAC3D,OAAO,EAAE,cAAc,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AAC7D,OAAO,EAAE,cAAc,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AACvD,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AACzD,OAAO,EAAE,cAAc,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAChE,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AACzD,OAAO,EAAE,cAAc,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC/D,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AAC3D,OAAO,EAAE,cAAc,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAA;AACpE,OAAO,EAAE,cAAc,IAAI,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACxE,OAAO,EAAE,cAAc,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAA;AACpE,OAAO,EAAE,cAAc,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AACvD,OAAO,EAAE,cAAc,IAAI,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACxE,OAAO,EAAE,cAAc,IAAI,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/assets/storybook/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACnE,OAAO,EAAE,cAAc,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAChE,OAAO,EAAE,cAAc,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACvE,OAAO,EAAE,cAAc,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AAC7D,OAAO,EAAE,cAAc,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACnE,OAAO,EAAE,cAAc,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AACjE,OAAO,EAAE,cAAc,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AACvD,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AAC3D,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AAC3D,OAAO,EAAE,cAAc,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AAC7D,OAAO,EAAE,cAAc,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AACvD,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AACzD,OAAO,EAAE,cAAc,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAChE,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AACzD,OAAO,EAAE,cAAc,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC/D,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AAC3D,OAAO,EAAE,cAAc,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAA;AACpE,OAAO,EAAE,cAAc,IAAI,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACxE,OAAO,EAAE,cAAc,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAA;AACpE,OAAO,EAAE,cAAc,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AACvD,OAAO,EAAE,cAAc,IAAI,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACxE,OAAO,EAAE,cAAc,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAClE,OAAO,EAAE,cAAc,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAA"}
|
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
export declare enum COLORS {
|
|
2
2
|
lighterBlue = "#4799E30D",
|
|
3
|
+
lightBlue = "#5AA0E0",
|
|
3
4
|
blue = "#4799E3",
|
|
4
5
|
darkBlue = "#408ACD",
|
|
5
6
|
darkerBlue = "#3C82C1",
|
|
6
7
|
darkestBlue = "#000276",
|
|
7
8
|
purple = "#9370db",
|
|
8
|
-
red = "#ED4747",
|
|
9
9
|
white = "#FFFFFF",
|
|
10
10
|
white3 = "#FFFFFF03",
|
|
11
|
-
white80 = "#FFFFFF80",
|
|
12
11
|
lightestGray = "#FCFCFC",
|
|
13
12
|
lighterGray = "#E0E4EC66",
|
|
14
13
|
gray = "#1111114D",
|
|
@@ -21,27 +20,33 @@ export declare enum COLORS {
|
|
|
21
20
|
inactiveAvatarGradientStart = "#C2C2C2",
|
|
22
21
|
inactiveAvatarGradientEnd = "#6F6F6F",
|
|
23
22
|
bgBlackoutTransparent = "rgba(0, 0, 0, 0.3)",
|
|
24
|
-
|
|
23
|
+
colorBgBlackoutTransparent = "var(--color-bg-blackout-transparent)",
|
|
24
|
+
selectBoxShadow = "rgba(0, 58, 133, 0.2)",
|
|
25
25
|
transparent = "transparent",
|
|
26
26
|
iconAccent = "var(--color-icon-accent)",
|
|
27
|
+
iconAccentPressed = "var(--color-icon-accent-pressed)",
|
|
27
28
|
iconContrast = "var(--color-icon-contrast)",
|
|
28
29
|
iconPrimary = "var(--color-icon-primary)",
|
|
29
30
|
iconSecondary = "var(--color-icon-secondary)",
|
|
30
|
-
iconNegative = "var(--color-icon-negative)"
|
|
31
|
+
iconNegative = "var(--color-icon-negative)",
|
|
32
|
+
iconTransparentPressed = "var(--color-icon-transparent-pressed)",
|
|
33
|
+
bgAccent = "var(--color-bg-accent)",
|
|
34
|
+
bgAccentHover = "var(--color-bg-accent-hover)",
|
|
35
|
+
bgAccentPressed = "var(--color-bg-accent-pressed)",
|
|
36
|
+
chip = "var(--color-chip)",
|
|
37
|
+
buttonPrimary = "var(--color-button-primary)",
|
|
38
|
+
buttonPrimaryHover = "var(--color-button-primary-hover)",
|
|
39
|
+
buttonPrimaryPressed = "var(--color-button-primary-pressed)"
|
|
31
40
|
}
|
|
32
41
|
export declare const INPUT_TYPE_PASSWORD = "password";
|
|
33
42
|
export declare const INPUT_TYPE_TEXT = "text";
|
|
34
|
-
export declare const
|
|
35
|
-
export declare const
|
|
36
|
-
export declare const
|
|
43
|
+
export declare const INPUT_TYPE_NUMBER = "number";
|
|
44
|
+
export declare const DEFAULT_INPUT_PADDING = 12;
|
|
45
|
+
export declare const MASK_INPUT_PL = 20;
|
|
46
|
+
export declare const ADDITIONAL_INPUT_PR = 18;
|
|
37
47
|
export declare const ENTER_KEY = "Enter";
|
|
38
48
|
export declare const BACKSPACE_KEY = "Backspace";
|
|
39
|
-
export declare const INPUT_COUNTER_TIMEOUT = 5000;
|
|
40
49
|
export declare const ADDITIONAL_MAX_CHARACTERS = 4;
|
|
41
|
-
export declare enum INPUT_COUNTER_TYPE {
|
|
42
|
-
title = "title",
|
|
43
|
-
text = "text"
|
|
44
|
-
}
|
|
45
50
|
export declare enum FONT_SIZE {
|
|
46
51
|
small = "14px",
|
|
47
52
|
default = "16px",
|
|
@@ -69,13 +74,14 @@ export declare enum FONT_FAMILY {
|
|
|
69
74
|
openSans = "Open Sans",
|
|
70
75
|
caveat = "Caveat",
|
|
71
76
|
oswald = "Oswald",
|
|
72
|
-
roboto = "Roboto"
|
|
77
|
+
roboto = "Roboto",
|
|
78
|
+
onest = "Onest"
|
|
73
79
|
}
|
|
74
80
|
export declare const CANCEL_ACTION_TEXT = "\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C";
|
|
75
81
|
export declare const NUMBER_OF_STORIES_FOR_ROUND_INDICATORS = 5;
|
|
76
|
-
export declare const MIN_TEXTAREA_HEIGHT = "
|
|
82
|
+
export declare const MIN_TEXTAREA_HEIGHT = "76px";
|
|
77
83
|
export declare const CONTEXT_MENU_SAFE_SPACE = 15;
|
|
78
|
-
export declare const WEB_NOTIFICATION_DISTANCE_FROM_BOTTOM =
|
|
84
|
+
export declare const WEB_NOTIFICATION_DISTANCE_FROM_BOTTOM = 24;
|
|
79
85
|
export declare const MOBILE_NOTIFICATION_DISTANCE_FROM_BOTTOM = 40;
|
|
80
86
|
export declare const DEFAULT_HEADER_AVATAR_INDEX = 4;
|
|
81
87
|
export declare const AVATAR_DEGREES: number[];
|
|
@@ -85,7 +91,6 @@ export declare const AVATAR_COLOR_MIDDLE: (string | null)[];
|
|
|
85
91
|
export declare const AVATAR_COLOR_MIDDLE_PERCENTS: (number | null)[];
|
|
86
92
|
export declare const AVATAR_COLOR_BOTTOM: string[];
|
|
87
93
|
export declare const AVATAR_COLOR_BOTTOM_PERCENTS: number[];
|
|
88
|
-
export declare const COLOR_CHIP = "var(--color-chip)";
|
|
89
94
|
export declare const MAX_NUMBER_OF_CHARACTERS_IN_INITIALS = 2;
|
|
90
95
|
export declare enum LAYOUT_TYPE {
|
|
91
96
|
minimal = "minimal",
|
|
@@ -100,10 +105,6 @@ export declare enum VIEWPORTS {
|
|
|
100
105
|
galaxys5 = "galaxys5",
|
|
101
106
|
reset = "reset"
|
|
102
107
|
}
|
|
103
|
-
export declare enum FILL_TYPE {
|
|
104
|
-
primary = "primary",
|
|
105
|
-
secondary = "secondary"
|
|
106
|
-
}
|
|
107
108
|
export declare enum INPUT_FIELD_TYPE {
|
|
108
109
|
text = "text",
|
|
109
110
|
search = "search"
|
|
@@ -143,23 +144,24 @@ export declare enum MODAL_BUTTONS_DIRECTION {
|
|
|
143
144
|
export declare const THEME_ARRAY: string[];
|
|
144
145
|
export declare const PLATFORM_ARRAY: string[];
|
|
145
146
|
export declare const LAYOUT_TYPE_ARRAY: string[];
|
|
146
|
-
export declare const FILL_TYPE_ARRAY: string[];
|
|
147
147
|
export declare const MODAL_BUTTONS_DIRECTION_ARRAY: string[];
|
|
148
148
|
export declare const WIDTH_TYPE_SUMMARY = "1 | 2 | 3 | 4 | 5 | ... | 100";
|
|
149
149
|
export declare const STYLES_TYPE_DETAIL = "type TStyles = { [key: string]: number | string }";
|
|
150
|
-
export declare const AVATAR_TYPE_SUMMARY = "string | null";
|
|
150
|
+
export declare const AVATAR_TYPE_SUMMARY = "ReactElement | string | null";
|
|
151
151
|
export declare const USER_TYPE_DETAILS = "My contact | GAL contact | Private DL | Public DL | Meeting room | Room list";
|
|
152
152
|
export declare const CENTER = "center";
|
|
153
153
|
export declare const BOTTOM_SHEET = "bottom-sheet";
|
|
154
154
|
export declare const DIRECTION = "direction";
|
|
155
155
|
export declare const ROW = "row";
|
|
156
156
|
export declare enum EVENT_LISTENER_TYPES {
|
|
157
|
+
mouseup = "mouseup",
|
|
157
158
|
mousedown = "mousedown",
|
|
158
159
|
click = "click",
|
|
159
160
|
pointerup = "pointerup",
|
|
160
|
-
mouseup = "mouseup",
|
|
161
161
|
touchend = "touchend",
|
|
162
|
-
touchcancel = "touchcancel"
|
|
162
|
+
touchcancel = "touchcancel",
|
|
163
|
+
blur = "blur",
|
|
164
|
+
visibilityChange = "visibilitychange"
|
|
163
165
|
}
|
|
164
166
|
export declare enum POPUP_ON_EVENT_TYPE {
|
|
165
167
|
hover = "hover"
|
|
@@ -170,3 +172,20 @@ export declare enum POPUP_VERTICAL_POSITION {
|
|
|
170
172
|
bottom = "bottom",
|
|
171
173
|
top = "top"
|
|
172
174
|
}
|
|
175
|
+
export declare enum FILE_FORMATS {
|
|
176
|
+
pdf = "pdf",
|
|
177
|
+
doc = "doc",
|
|
178
|
+
docx = "docx",
|
|
179
|
+
xls = "xls",
|
|
180
|
+
xlsx = "xlsx",
|
|
181
|
+
ppt = "ppt",
|
|
182
|
+
pptx = "pptx",
|
|
183
|
+
txt = "txt",
|
|
184
|
+
file = "file",
|
|
185
|
+
mov = "mov",
|
|
186
|
+
mp4 = "mp4",
|
|
187
|
+
webm = "webm",
|
|
188
|
+
wmv = "wmv"
|
|
189
|
+
}
|
|
190
|
+
export declare const VIDEO_FORMATS: string[];
|
|
191
|
+
export declare const MODAL_ICONS_PADDING_LEFT = 12;
|
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
export var COLORS;
|
|
2
2
|
(function (COLORS) {
|
|
3
3
|
COLORS["lighterBlue"] = "#4799E30D";
|
|
4
|
+
COLORS["lightBlue"] = "#5AA0E0";
|
|
4
5
|
COLORS["blue"] = "#4799E3";
|
|
5
6
|
COLORS["darkBlue"] = "#408ACD";
|
|
6
7
|
COLORS["darkerBlue"] = "#3C82C1";
|
|
7
8
|
COLORS["darkestBlue"] = "#000276";
|
|
8
9
|
COLORS["purple"] = "#9370db";
|
|
9
|
-
COLORS["red"] = "#ED4747";
|
|
10
10
|
COLORS["white"] = "#FFFFFF";
|
|
11
11
|
COLORS["white3"] = "#FFFFFF03";
|
|
12
|
-
COLORS["white80"] = "#FFFFFF80";
|
|
13
12
|
COLORS["lightestGray"] = "#FCFCFC";
|
|
14
13
|
COLORS["lighterGray"] = "#E0E4EC66";
|
|
15
14
|
COLORS["gray"] = "#1111114D";
|
|
@@ -22,28 +21,33 @@ export var COLORS;
|
|
|
22
21
|
COLORS["inactiveAvatarGradientStart"] = "#C2C2C2";
|
|
23
22
|
COLORS["inactiveAvatarGradientEnd"] = "#6F6F6F";
|
|
24
23
|
COLORS["bgBlackoutTransparent"] = "rgba(0, 0, 0, 0.3)";
|
|
25
|
-
COLORS["
|
|
24
|
+
COLORS["colorBgBlackoutTransparent"] = "var(--color-bg-blackout-transparent)";
|
|
25
|
+
COLORS["selectBoxShadow"] = "rgba(0, 58, 133, 0.2)";
|
|
26
26
|
COLORS["transparent"] = "transparent";
|
|
27
27
|
COLORS["iconAccent"] = "var(--color-icon-accent)";
|
|
28
|
+
COLORS["iconAccentPressed"] = "var(--color-icon-accent-pressed)";
|
|
28
29
|
COLORS["iconContrast"] = "var(--color-icon-contrast)";
|
|
29
30
|
COLORS["iconPrimary"] = "var(--color-icon-primary)";
|
|
30
31
|
COLORS["iconSecondary"] = "var(--color-icon-secondary)";
|
|
31
32
|
COLORS["iconNegative"] = "var(--color-icon-negative)";
|
|
33
|
+
COLORS["iconTransparentPressed"] = "var(--color-icon-transparent-pressed)";
|
|
34
|
+
COLORS["bgAccent"] = "var(--color-bg-accent)";
|
|
35
|
+
COLORS["bgAccentHover"] = "var(--color-bg-accent-hover)";
|
|
36
|
+
COLORS["bgAccentPressed"] = "var(--color-bg-accent-pressed)";
|
|
37
|
+
COLORS["chip"] = "var(--color-chip)";
|
|
38
|
+
COLORS["buttonPrimary"] = "var(--color-button-primary)";
|
|
39
|
+
COLORS["buttonPrimaryHover"] = "var(--color-button-primary-hover)";
|
|
40
|
+
COLORS["buttonPrimaryPressed"] = "var(--color-button-primary-pressed)";
|
|
32
41
|
})(COLORS || (COLORS = {}));
|
|
33
42
|
export var INPUT_TYPE_PASSWORD = 'password';
|
|
34
43
|
export var INPUT_TYPE_TEXT = 'text';
|
|
35
|
-
export var
|
|
36
|
-
export var
|
|
37
|
-
export var
|
|
44
|
+
export var INPUT_TYPE_NUMBER = 'number';
|
|
45
|
+
export var DEFAULT_INPUT_PADDING = 12;
|
|
46
|
+
export var MASK_INPUT_PL = 20;
|
|
47
|
+
export var ADDITIONAL_INPUT_PR = 18;
|
|
38
48
|
export var ENTER_KEY = 'Enter';
|
|
39
49
|
export var BACKSPACE_KEY = 'Backspace';
|
|
40
|
-
export var INPUT_COUNTER_TIMEOUT = 5000;
|
|
41
50
|
export var ADDITIONAL_MAX_CHARACTERS = 4;
|
|
42
|
-
export var INPUT_COUNTER_TYPE;
|
|
43
|
-
(function (INPUT_COUNTER_TYPE) {
|
|
44
|
-
INPUT_COUNTER_TYPE["title"] = "title";
|
|
45
|
-
INPUT_COUNTER_TYPE["text"] = "text";
|
|
46
|
-
})(INPUT_COUNTER_TYPE || (INPUT_COUNTER_TYPE = {}));
|
|
47
51
|
export var FONT_SIZE;
|
|
48
52
|
(function (FONT_SIZE) {
|
|
49
53
|
FONT_SIZE["small"] = "14px";
|
|
@@ -78,12 +82,13 @@ export var FONT_FAMILY;
|
|
|
78
82
|
FONT_FAMILY["caveat"] = "Caveat";
|
|
79
83
|
FONT_FAMILY["oswald"] = "Oswald";
|
|
80
84
|
FONT_FAMILY["roboto"] = "Roboto";
|
|
85
|
+
FONT_FAMILY["onest"] = "Onest";
|
|
81
86
|
})(FONT_FAMILY || (FONT_FAMILY = {}));
|
|
82
87
|
export var CANCEL_ACTION_TEXT = 'Отменить';
|
|
83
88
|
export var NUMBER_OF_STORIES_FOR_ROUND_INDICATORS = 5;
|
|
84
|
-
export var MIN_TEXTAREA_HEIGHT = '
|
|
89
|
+
export var MIN_TEXTAREA_HEIGHT = '76px';
|
|
85
90
|
export var CONTEXT_MENU_SAFE_SPACE = 15;
|
|
86
|
-
export var WEB_NOTIFICATION_DISTANCE_FROM_BOTTOM =
|
|
91
|
+
export var WEB_NOTIFICATION_DISTANCE_FROM_BOTTOM = 24;
|
|
87
92
|
export var MOBILE_NOTIFICATION_DISTANCE_FROM_BOTTOM = 40;
|
|
88
93
|
export var DEFAULT_HEADER_AVATAR_INDEX = 4;
|
|
89
94
|
export var AVATAR_DEGREES = [180, 178.34, 180, 180, 180, 180];
|
|
@@ -93,7 +98,6 @@ export var AVATAR_COLOR_MIDDLE = [null, '#FC6B6B', '#ED6EE1', null, null, null];
|
|
|
93
98
|
export var AVATAR_COLOR_MIDDLE_PERCENTS = [null, 65.88, 60.45, null, null, null];
|
|
94
99
|
export var AVATAR_COLOR_BOTTOM = ['#F57953', '#F446B2', '#B446A2', '#706AE6', '#2587E2', '#40A330'];
|
|
95
100
|
export var AVATAR_COLOR_BOTTOM_PERCENTS = [108.93, 116.81, 120.91, 100, 100, 112.5];
|
|
96
|
-
export var COLOR_CHIP = 'var(--color-chip)';
|
|
97
101
|
export var MAX_NUMBER_OF_CHARACTERS_IN_INITIALS = 2;
|
|
98
102
|
export var LAYOUT_TYPE;
|
|
99
103
|
(function (LAYOUT_TYPE) {
|
|
@@ -110,11 +114,6 @@ export var VIEWPORTS;
|
|
|
110
114
|
VIEWPORTS["galaxys5"] = "galaxys5";
|
|
111
115
|
VIEWPORTS["reset"] = "reset";
|
|
112
116
|
})(VIEWPORTS || (VIEWPORTS = {}));
|
|
113
|
-
export var FILL_TYPE;
|
|
114
|
-
(function (FILL_TYPE) {
|
|
115
|
-
FILL_TYPE["primary"] = "primary";
|
|
116
|
-
FILL_TYPE["secondary"] = "secondary";
|
|
117
|
-
})(FILL_TYPE || (FILL_TYPE = {}));
|
|
118
117
|
export var INPUT_FIELD_TYPE;
|
|
119
118
|
(function (INPUT_FIELD_TYPE) {
|
|
120
119
|
INPUT_FIELD_TYPE["text"] = "text";
|
|
@@ -160,11 +159,10 @@ export var MODAL_BUTTONS_DIRECTION;
|
|
|
160
159
|
export var THEME_ARRAY = Object.keys(THEME);
|
|
161
160
|
export var PLATFORM_ARRAY = Object.keys(PLATFORM);
|
|
162
161
|
export var LAYOUT_TYPE_ARRAY = Object.keys(LAYOUT_TYPE);
|
|
163
|
-
export var FILL_TYPE_ARRAY = Object.keys(FILL_TYPE);
|
|
164
162
|
export var MODAL_BUTTONS_DIRECTION_ARRAY = Object.keys(MODAL_BUTTONS_DIRECTION);
|
|
165
163
|
export var WIDTH_TYPE_SUMMARY = '1 | 2 | 3 | 4 | 5 | ... | 100';
|
|
166
164
|
export var STYLES_TYPE_DETAIL = 'type TStyles = { [key: string]: number | string }';
|
|
167
|
-
export var AVATAR_TYPE_SUMMARY = 'string | null';
|
|
165
|
+
export var AVATAR_TYPE_SUMMARY = 'ReactElement | string | null';
|
|
168
166
|
export var USER_TYPE_DETAILS = 'My contact | GAL contact | Private DL | Public DL | Meeting room | Room list';
|
|
169
167
|
export var CENTER = 'center';
|
|
170
168
|
export var BOTTOM_SHEET = 'bottom-sheet';
|
|
@@ -172,12 +170,14 @@ export var DIRECTION = 'direction';
|
|
|
172
170
|
export var ROW = 'row';
|
|
173
171
|
export var EVENT_LISTENER_TYPES;
|
|
174
172
|
(function (EVENT_LISTENER_TYPES) {
|
|
173
|
+
EVENT_LISTENER_TYPES["mouseup"] = "mouseup";
|
|
175
174
|
EVENT_LISTENER_TYPES["mousedown"] = "mousedown";
|
|
176
175
|
EVENT_LISTENER_TYPES["click"] = "click";
|
|
177
176
|
EVENT_LISTENER_TYPES["pointerup"] = "pointerup";
|
|
178
|
-
EVENT_LISTENER_TYPES["mouseup"] = "mouseup";
|
|
179
177
|
EVENT_LISTENER_TYPES["touchend"] = "touchend";
|
|
180
178
|
EVENT_LISTENER_TYPES["touchcancel"] = "touchcancel";
|
|
179
|
+
EVENT_LISTENER_TYPES["blur"] = "blur";
|
|
180
|
+
EVENT_LISTENER_TYPES["visibilityChange"] = "visibilitychange";
|
|
181
181
|
})(EVENT_LISTENER_TYPES || (EVENT_LISTENER_TYPES = {}));
|
|
182
182
|
export var POPUP_ON_EVENT_TYPE;
|
|
183
183
|
(function (POPUP_ON_EVENT_TYPE) {
|
|
@@ -190,4 +190,22 @@ export var POPUP_VERTICAL_POSITION;
|
|
|
190
190
|
POPUP_VERTICAL_POSITION["bottom"] = "bottom";
|
|
191
191
|
POPUP_VERTICAL_POSITION["top"] = "top";
|
|
192
192
|
})(POPUP_VERTICAL_POSITION || (POPUP_VERTICAL_POSITION = {}));
|
|
193
|
+
export var FILE_FORMATS;
|
|
194
|
+
(function (FILE_FORMATS) {
|
|
195
|
+
FILE_FORMATS["pdf"] = "pdf";
|
|
196
|
+
FILE_FORMATS["doc"] = "doc";
|
|
197
|
+
FILE_FORMATS["docx"] = "docx";
|
|
198
|
+
FILE_FORMATS["xls"] = "xls";
|
|
199
|
+
FILE_FORMATS["xlsx"] = "xlsx";
|
|
200
|
+
FILE_FORMATS["ppt"] = "ppt";
|
|
201
|
+
FILE_FORMATS["pptx"] = "pptx";
|
|
202
|
+
FILE_FORMATS["txt"] = "txt";
|
|
203
|
+
FILE_FORMATS["file"] = "file";
|
|
204
|
+
FILE_FORMATS["mov"] = "mov";
|
|
205
|
+
FILE_FORMATS["mp4"] = "mp4";
|
|
206
|
+
FILE_FORMATS["webm"] = "webm";
|
|
207
|
+
FILE_FORMATS["wmv"] = "wmv";
|
|
208
|
+
})(FILE_FORMATS || (FILE_FORMATS = {}));
|
|
209
|
+
export var VIDEO_FORMATS = [FILE_FORMATS.mov, FILE_FORMATS.mp4, FILE_FORMATS.webm, FILE_FORMATS.wmv];
|
|
210
|
+
export var MODAL_ICONS_PADDING_LEFT = 12;
|
|
193
211
|
//# sourceMappingURL=constants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/constants/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,
|
|
1
|
+
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/constants/constants.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
/// <reference types="node" />
|
|
2
|
+
import { ReactElement, RefObject } from 'react';
|
|
3
|
+
import { CONTACT_TYPES } from '../сomponents/UserDropdown/constants';
|
|
2
4
|
export type TStyles = {
|
|
3
5
|
[key: string]: number | string;
|
|
4
6
|
};
|
|
@@ -14,6 +16,9 @@ export interface ILayoutTypeProps {
|
|
|
14
16
|
export interface ILanguageProps {
|
|
15
17
|
language?: 'ru' | 'en' | 'de' | 'es' | 'fr' | 'ar' | 'ms' | 'tr' | 'id';
|
|
16
18
|
}
|
|
19
|
+
export interface IFontFamilyProps {
|
|
20
|
+
fontFamily?: string;
|
|
21
|
+
}
|
|
17
22
|
export interface ICommonProps extends IThemeProps, IPlatformProps {
|
|
18
23
|
}
|
|
19
24
|
export type TCalculatePercentageOfValue = {
|
|
@@ -30,3 +35,24 @@ export type TTextWithLocale = {
|
|
|
30
35
|
[key: string]: string;
|
|
31
36
|
};
|
|
32
37
|
export type TTimeout = number | NodeJS.Timeout | undefined;
|
|
38
|
+
export type TRenderStoryComponent = {
|
|
39
|
+
component: ReactElement;
|
|
40
|
+
componentDarkTheme?: ReactElement;
|
|
41
|
+
styles?: TStyles;
|
|
42
|
+
};
|
|
43
|
+
export type TTarget = {
|
|
44
|
+
target: any;
|
|
45
|
+
};
|
|
46
|
+
export type TFontFamilyStyle = {
|
|
47
|
+
fontFamily: string;
|
|
48
|
+
};
|
|
49
|
+
export type TRenderCloseIconSpace = {
|
|
50
|
+
elementRef: RefObject<HTMLElement | null>;
|
|
51
|
+
closeIconRef: RefObject<HTMLDivElement | null>;
|
|
52
|
+
isContent?: boolean;
|
|
53
|
+
};
|
|
54
|
+
export type TRenderUserIcon = {
|
|
55
|
+
isMyContacts?: boolean;
|
|
56
|
+
userType?: CONTACT_TYPES;
|
|
57
|
+
style?: TStyles;
|
|
58
|
+
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { RefObject } from 'react';
|
|
2
|
+
import { TCalculatePercentageOfValue, TGenerateClassNames, TRenderCloseIconSpace, TRenderStoryComponent, TRenderUserIcon } from '../constants';
|
|
3
3
|
import { CONTACT_TYPES } from '../сomponents/UserDropdown/constants';
|
|
4
4
|
export declare const generateColor: (color?: string, defaultColor?: string) => string;
|
|
5
5
|
export declare const isWebPlatform: (platform: string) => boolean;
|
|
@@ -8,18 +8,21 @@ export declare const isAndroidPlatform: (platform: string) => boolean;
|
|
|
8
8
|
export declare const isMobilePlatform: (platform: string) => boolean;
|
|
9
9
|
export declare const isDarkTheme: (theme?: string) => boolean;
|
|
10
10
|
export declare const generateClassNames: ({ className, delimiter, additionalClassName }: TGenerateClassNames) => string;
|
|
11
|
-
export declare const generateDefaultGrayColorForIcon: (theme: string) => COLORS.white80 | COLORS.gray;
|
|
12
11
|
export declare const userNameToColor: (userName?: string) => string;
|
|
13
12
|
export declare const createInitials: (str: string) => string;
|
|
14
13
|
export declare const calculatePercentageOfValue: ({ value, percentage, shouldBeRounded }: TCalculatePercentageOfValue) => number;
|
|
15
14
|
export declare const isFullScreen: (layoutType: string) => boolean;
|
|
16
|
-
export declare const isPrimaryFillType: (fillType: string) => boolean;
|
|
17
|
-
export declare const isSecondaryFillType: (fillType: string) => boolean;
|
|
18
15
|
export declare const isValueEqualToZero: (value: number) => boolean;
|
|
19
|
-
export declare const renderStoryComponent: (component:
|
|
16
|
+
export declare const renderStoryComponent: ({ component, componentDarkTheme, styles }: TRenderStoryComponent) => import("react/jsx-runtime").JSX.Element;
|
|
20
17
|
export declare const generateIsCloseIconHidden: (platform: string, isCloseIconHidden?: boolean) => boolean;
|
|
21
18
|
export declare const checkIfContentIsCentered: (elementRef: RefObject<HTMLElement | null>) => boolean | undefined;
|
|
22
19
|
export declare const generateBottomSheetClassName: (platform: string, shouldUseBottomSheet: boolean) => string[];
|
|
23
20
|
export declare const generateId: () => string;
|
|
24
21
|
export declare const generateAvatarIcon: (userType?: CONTACT_TYPES) => import("react/jsx-runtime").JSX.Element | null;
|
|
25
|
-
export declare const renderUserIcon: (
|
|
22
|
+
export declare const renderUserIcon: ({ isMyContacts, userType, style }: TRenderUserIcon) => import("react/jsx-runtime").JSX.Element | null;
|
|
23
|
+
export declare const extractFileExtensionRegex: (filename: string) => string;
|
|
24
|
+
export declare const generateFileIcon: (fileName: string, displaySize: string) => import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
export declare const renderCloseIconSpace: ({ elementRef, closeIconRef, isContent }: TRenderCloseIconSpace) => import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
export declare const generateFontFamilyStyle: (fontFamily?: string) => {
|
|
27
|
+
fontFamily: string;
|
|
28
|
+
};
|
|
@@ -13,14 +13,27 @@ 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 { v4 as uuidv4 } from 'uuid';
|
|
16
|
-
import {
|
|
16
|
+
import { DISPLAY_SIZE } from '../сomponents/AttachedFile/AttachedFile';
|
|
17
|
+
import { AVATAR_COLOR_BOTTOM, AVATAR_COLOR_BOTTOM_PERCENTS, AVATAR_COLOR_MIDDLE, AVATAR_COLOR_MIDDLE_PERCENTS, AVATAR_COLOR_TOP, AVATAR_COLOR_TOP_PERCENTS, AVATAR_DEGREES, BOTTOM_SHEET, CENTER, COLORS, DEFAULT_HEADER_AVATAR_INDEX, FILE_FORMATS, FONT_FAMILY, LAYOUT_TYPE, MODAL_ICONS_PADDING_LEFT, PLATFORM, THEME, } from '../constants';
|
|
17
18
|
import { CONTACT_TYPES } from '../сomponents/UserDropdown/constants';
|
|
19
|
+
import { ReactComponent as CorporateUserIcon } from '../assets/icons/corporate-user.svg';
|
|
18
20
|
import { ReactComponent as DistributionIcon } from '../assets/icons/distribution.svg';
|
|
19
|
-
import { ReactComponent as
|
|
21
|
+
import { ReactComponent as DocFileSmallIcon } from '../assets/icons/doc-small.svg';
|
|
22
|
+
import { ReactComponent as DocFileIcon } from '../assets/icons/doc.svg';
|
|
23
|
+
import { ReactComponent as FileSmallIcon } from '../assets/icons/file-small.svg';
|
|
24
|
+
import { ReactComponent as FileIcon } from '../assets/icons/file.svg';
|
|
25
|
+
import { ReactComponent as GlobalAddressBookIcon } from '../assets/icons/global-address-book-user.svg';
|
|
20
26
|
import { ReactComponent as GroupIcon } from '../assets/icons/group.svg';
|
|
21
|
-
import { ReactComponent as
|
|
27
|
+
import { ReactComponent as MeetingRoomIcon } from '../assets/icons/meeting-room.svg';
|
|
22
28
|
import { ReactComponent as MyContactsUserIcon } from '../assets/icons/my-contacts-user.svg';
|
|
23
|
-
import { ReactComponent as
|
|
29
|
+
import { ReactComponent as PdfFileSmallIcon } from '../assets/icons/pdf-small.svg';
|
|
30
|
+
import { ReactComponent as PdfFileIcon } from '../assets/icons/pdf.svg';
|
|
31
|
+
import { ReactComponent as PptFileSmallIcon } from '../assets/icons/ppt-small.svg';
|
|
32
|
+
import { ReactComponent as PptFileIcon } from '../assets/icons/ppt.svg';
|
|
33
|
+
import { ReactComponent as TxtFileSmallIcon } from '../assets/icons/txt-small.svg';
|
|
34
|
+
import { ReactComponent as TxtFileIcon } from '../assets/icons/txt.svg';
|
|
35
|
+
import { ReactComponent as XlsFileSmallIcon } from '../assets/icons/xls-small.svg';
|
|
36
|
+
import { ReactComponent as XlsFileIcon } from '../assets/icons/xls.svg';
|
|
24
37
|
export var generateColor = function (color, defaultColor) {
|
|
25
38
|
if (defaultColor === void 0) { defaultColor = ''; }
|
|
26
39
|
return (color && CSS.supports('color', color) ? color : defaultColor);
|
|
@@ -36,7 +49,6 @@ export var generateClassNames = function (_a) {
|
|
|
36
49
|
? classNames(className, additionalClassName.map(function (name) { return "".concat(className).concat(delimiter).concat(name); }))
|
|
37
50
|
: classNames(className, "".concat(className).concat(delimiter).concat(additionalClassName));
|
|
38
51
|
};
|
|
39
|
-
export var generateDefaultGrayColorForIcon = function (theme) { return (theme === THEME.default ? COLORS.gray : COLORS.white80); };
|
|
40
52
|
export var userNameToColor = function (userName) {
|
|
41
53
|
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;
|
|
42
54
|
return middle
|
|
@@ -76,10 +88,11 @@ export var calculatePercentageOfValue = function (_a) {
|
|
|
76
88
|
return shouldBeRounded ? Math.ceil(result) : result;
|
|
77
89
|
};
|
|
78
90
|
export var isFullScreen = function (layoutType) { return layoutType === LAYOUT_TYPE.full; };
|
|
79
|
-
export var isPrimaryFillType = function (fillType) { return fillType === FILL_TYPE.primary; };
|
|
80
|
-
export var isSecondaryFillType = function (fillType) { return fillType === FILL_TYPE.secondary; };
|
|
81
91
|
export var isValueEqualToZero = function (value) { return value === 0; };
|
|
82
|
-
export var renderStoryComponent = function (
|
|
92
|
+
export var renderStoryComponent = function (_a) {
|
|
93
|
+
var component = _a.component, componentDarkTheme = _a.componentDarkTheme, styles = _a.styles;
|
|
94
|
+
return (_jsxs("div", __assign({ style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, { children: [_jsxs("div", __assign({ style: __assign({ border: '1px dashed #9747FF', borderRadius: '5px', padding: '0 16px 16px' }, styles) }, { children: [_jsx("h3", { children: "Light Theme" }), component] })), _jsxs("div", __assign({ style: __assign({ background: '#242424', borderRadius: '5px', padding: '0 16px 16px' }, styles) }, { children: [_jsx("h3", __assign({ style: { color: '#F9F9F9' } }, { children: "Dark Theme" })), _jsx("div", __assign({ "data-theme": "dark" }, { children: componentDarkTheme || component }))] }))] })));
|
|
95
|
+
};
|
|
83
96
|
export var generateIsCloseIconHidden = function (platform, isCloseIconHidden) {
|
|
84
97
|
return isNil(isCloseIconHidden) ? isMobilePlatform(platform) : isCloseIconHidden;
|
|
85
98
|
};
|
|
@@ -105,20 +118,59 @@ export var generateAvatarIcon = function (userType) {
|
|
|
105
118
|
return null;
|
|
106
119
|
}
|
|
107
120
|
};
|
|
108
|
-
export var renderUserIcon = function (
|
|
121
|
+
export var renderUserIcon = function (_a) {
|
|
122
|
+
var isMyContacts = _a.isMyContacts, userType = _a.userType, style = _a.style;
|
|
109
123
|
if (isMyContacts)
|
|
110
|
-
return _jsx(MyContactsUserIcon, { color: COLORS.iconSecondary });
|
|
124
|
+
return _jsx(MyContactsUserIcon, { color: COLORS.iconSecondary, style: style });
|
|
111
125
|
switch (userType) {
|
|
112
126
|
case CONTACT_TYPES.myContact:
|
|
113
127
|
case CONTACT_TYPES.privateDL:
|
|
114
|
-
return _jsx(MyContactsUserIcon, { color: COLORS.iconSecondary });
|
|
128
|
+
return _jsx(MyContactsUserIcon, { color: COLORS.iconSecondary, style: style });
|
|
115
129
|
case CONTACT_TYPES.GALContact:
|
|
116
|
-
return _jsx(GlobalAddressBookIcon, { color: COLORS.iconPrimary });
|
|
130
|
+
return _jsx(GlobalAddressBookIcon, { color: COLORS.iconPrimary, style: style });
|
|
117
131
|
case CONTACT_TYPES.meetingRoom:
|
|
118
132
|
case CONTACT_TYPES.publicDL:
|
|
119
133
|
return null;
|
|
120
134
|
default:
|
|
121
|
-
return _jsx(CorporateUserIcon, {});
|
|
135
|
+
return _jsx(CorporateUserIcon, { color: COLORS.iconAccent, style: style });
|
|
122
136
|
}
|
|
123
137
|
};
|
|
138
|
+
export var extractFileExtensionRegex = function (filename) {
|
|
139
|
+
var match = filename.match(/\.([a-z0-9]+)$/i);
|
|
140
|
+
return (match === null || match === void 0 ? void 0 : match[1]) || '';
|
|
141
|
+
};
|
|
142
|
+
export var generateFileIcon = function (fileName, displaySize) {
|
|
143
|
+
var isSmallDisplaySize = displaySize === DISPLAY_SIZE.small;
|
|
144
|
+
var fileExtension = extractFileExtensionRegex(fileName);
|
|
145
|
+
switch (fileExtension) {
|
|
146
|
+
case FILE_FORMATS.pdf:
|
|
147
|
+
return isSmallDisplaySize ? _jsx(PdfFileSmallIcon, {}) : _jsx(PdfFileIcon, {});
|
|
148
|
+
case FILE_FORMATS.doc:
|
|
149
|
+
case FILE_FORMATS.docx:
|
|
150
|
+
return isSmallDisplaySize ? _jsx(DocFileSmallIcon, {}) : _jsx(DocFileIcon, {});
|
|
151
|
+
case FILE_FORMATS.xls:
|
|
152
|
+
case FILE_FORMATS.xlsx:
|
|
153
|
+
return isSmallDisplaySize ? _jsx(XlsFileSmallIcon, {}) : _jsx(XlsFileIcon, {});
|
|
154
|
+
case FILE_FORMATS.ppt:
|
|
155
|
+
case FILE_FORMATS.pptx:
|
|
156
|
+
return isSmallDisplaySize ? _jsx(PptFileSmallIcon, {}) : _jsx(PptFileIcon, {});
|
|
157
|
+
case FILE_FORMATS.txt:
|
|
158
|
+
return isSmallDisplaySize ? _jsx(TxtFileSmallIcon, {}) : _jsx(TxtFileIcon, {});
|
|
159
|
+
default:
|
|
160
|
+
return isSmallDisplaySize ? _jsx(FileSmallIcon, {}) : _jsx(FileIcon, {});
|
|
161
|
+
}
|
|
162
|
+
};
|
|
163
|
+
export var renderCloseIconSpace = function (_a) {
|
|
164
|
+
var _b;
|
|
165
|
+
var elementRef = _a.elementRef, closeIconRef = _a.closeIconRef, _c = _a.isContent, isContent = _c === void 0 ? false : _c;
|
|
166
|
+
var _d = (((_b = closeIconRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect()) || {}).width, width = _d === void 0 ? 0 : _d;
|
|
167
|
+
return (_jsx("div", { style: { '--close-icon-space-width': "".concat(width + MODAL_ICONS_PADDING_LEFT, "px") }, className: classNames('close-icon-space', {
|
|
168
|
+
'close-icon-space__content': isContent,
|
|
169
|
+
'close-icon-space__centered': checkIfContentIsCentered(elementRef),
|
|
170
|
+
}) }));
|
|
171
|
+
};
|
|
172
|
+
export var generateFontFamilyStyle = function (fontFamily) {
|
|
173
|
+
if (fontFamily === void 0) { fontFamily = FONT_FAMILY.onest; }
|
|
174
|
+
return ({ fontFamily: "".concat(fontFamily, ", sans-serif") });
|
|
175
|
+
};
|
|
124
176
|
//# 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,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAA;AACnC,OAAO,EACL,mBAAmB,EACnB,4BAA4B,EAC5B,mBAAmB,EACnB,4BAA4B,EAC5B,gBAAgB,EAChB,yBAAyB,EACzB,cAAc,EACd,YAAY,EACZ,MAAM,EACN,MAAM,EACN,2BAA2B,EAC3B,
|
|
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,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAA;AACnC,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAA;AACtE,OAAO,EACL,mBAAmB,EACnB,4BAA4B,EAC5B,mBAAmB,EACnB,4BAA4B,EAC5B,gBAAgB,EAChB,yBAAyB,EACzB,cAAc,EACd,YAAY,EACZ,MAAM,EACN,MAAM,EACN,2BAA2B,EAC3B,YAAY,EACZ,WAAW,EACX,WAAW,EACX,wBAAwB,EACxB,QAAQ,EAGR,KAAK,GAIN,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAA;AAEpE,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,MAAM,oCAAoC,CAAA;AACxF,OAAO,EAAE,cAAc,IAAI,gBAAgB,EAAE,MAAM,kCAAkC,CAAA;AACrF,OAAO,EAAE,cAAc,IAAI,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAClF,OAAO,EAAE,cAAc,IAAI,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACvE,OAAO,EAAE,cAAc,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAChF,OAAO,EAAE,cAAc,IAAI,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACrE,OAAO,EAAE,cAAc,IAAI,qBAAqB,EAAE,MAAM,8CAA8C,CAAA;AACtG,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACvE,OAAO,EAAE,cAAc,IAAI,eAAe,EAAE,MAAM,kCAAkC,CAAA;AACpF,OAAO,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,sCAAsC,CAAA;AAC3F,OAAO,EAAE,cAAc,IAAI,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAClF,OAAO,EAAE,cAAc,IAAI,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACvE,OAAO,EAAE,cAAc,IAAI,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAClF,OAAO,EAAE,cAAc,IAAI,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACvE,OAAO,EAAE,cAAc,IAAI,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAClF,OAAO,EAAE,cAAc,IAAI,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACvE,OAAO,EAAE,cAAc,IAAI,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAClF,OAAO,EAAE,cAAc,IAAI,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAEvE,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,KAAc,EAAE,YAAyB;IAAzB,6BAAA,EAAA,iBAAyB;IAAK,OAAA,CAAC,KAAK,IAAI,GAAG,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC;AAA9D,CAA8D,CAAA;AAE1I,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,QAAgB,IAAK,OAAA,QAAQ,KAAK,QAAQ,CAAC,GAAG,EAAzB,CAAyB,CAAA;AAC5E,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,QAAgB,IAAK,OAAA,QAAQ,KAAK,QAAQ,CAAC,GAAG,EAAzB,CAAyB,CAAA;AAC5E,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,QAAgB,IAAK,OAAA,QAAQ,KAAK,QAAQ,CAAC,OAAO,EAA7B,CAA6B,CAAA;AACpF,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,QAAgB,IAAK,OAAA,iBAAiB,CAAC,QAAQ,CAAC,IAAI,aAAa,CAAC,QAAQ,CAAC,EAAtD,CAAsD,CAAA;AAE5G,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,KAAc,IAAK,OAAA,KAAK,KAAK,KAAK,CAAC,IAAI,EAApB,CAAoB,CAAA;AAEnE,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,EAAkE;QAAhE,SAAS,eAAA,EAAE,SAAS,eAAA,EAAE,mBAAmB,yBAAA;IAC5E,OAAA,OAAO,CAAC,mBAAmB,CAAC;QAC1B,CAAC,CAAC,UAAU,CACR,SAAS,EACT,mBAAmB,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,UAAG,SAAS,SAAG,SAAS,SAAG,IAAI,CAAE,EAAjC,CAAiC,CAAC,CACrE;QACH,CAAC,CAAC,UAAU,CAAC,SAAS,EAAE,UAAG,SAAS,SAAG,SAAS,SAAG,mBAAmB,CAAE,CAAC;AAL3E,CAK2E,CAAA;AAE7E,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,QAAiB;IACzC,IAAA,KAA6E,mBAAmB,CAAC,QAAQ,CAAC,EAAxG,OAAO,aAAA,EAAE,GAAG,SAAA,EAAE,UAAU,gBAAA,EAAE,MAAM,YAAA,EAAE,aAAa,mBAAA,EAAE,MAAM,YAAA,EAAE,aAAa,mBAAkC,CAAA;IAChH,OAAO,MAAM;QACX,CAAC,CAAC,0BAAmB,OAAO,kBAAQ,GAAG,cAAI,UAAU,gBAAM,MAAM,cAAI,aAAa,gBAAM,MAAM,cAAI,aAAa,OAAI;QACnH,CAAC,CAAC,0BAAmB,OAAO,kBAAQ,GAAG,cAAI,UAAU,gBAAM,MAAM,cAAI,aAAa,OAAI,CAAA;AAC1F,CAAC,CAAA;AAED,IAAM,kBAAkB,GAAG,UAAC,KAAa,IAAK,OAAA,CAAC;IAC7C,OAAO,EAAE,cAAc,CAAC,KAAK,CAAC;IAC9B,GAAG,EAAE,gBAAgB,CAAC,KAAK,CAAC;IAC5B,UAAU,EAAE,yBAAyB,CAAC,KAAK,CAAC;IAC5C,MAAM,EAAE,mBAAmB,CAAC,KAAK,CAAC;IAClC,aAAa,EAAE,4BAA4B,CAAC,KAAK,CAAC;IAClD,MAAM,EAAE,mBAAmB,CAAC,KAAK,CAAC;IAClC,aAAa,EAAE,4BAA4B,CAAC,KAAK,CAAC;CACnD,CAAC,EAR4C,CAQ5C,CAAA;AAEF,IAAM,mBAAmB,GAAG,UAAC,GAAY;IACvC,IAAI,CAAC,GAAG;QAAE,OAAO,kBAAkB,CAAC,2BAA2B,CAAC,CAAA;IAEhE,IAAM,WAAW,GAAG,0BAA0B,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;IACxD,OAAO,kBAAkB,CAAC,WAAW,CAAC,CAAA;AACxC,CAAC,CAAA;AAED,IAAM,0BAA0B,GAAG,UAAC,GAAW,IAAK,OAAA,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,gBAAgB,CAAC,MAAM,CAAC,EAAjD,CAAiD,CAAA;AAErG,IAAM,QAAQ,GAAG,UAAC,GAAW;IAC3B,OAAA,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,UAAC,CAAC,EAAE,CAAC;QACxB,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;QAClC,OAAO,CAAC,GAAG,CAAC,CAAA;IACd,CAAC,EAAE,CAAC,CAAC;AAHL,CAGK,CAAA;AAEP,IAAM,yBAAyB,GAAG,UAAC,IAAa,IAAK,OAAA,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAG,CAAC,CAAC,KAAI,EAAE,EAAf,CAAe,CAAA;AAEpE,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,GAAW;IAClC,IAAA,KAA0B,GAAG,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,EAA5D,SAAS,QAAA,EAAE,UAAU,QAAuC,CAAA;IACnE,OAAO,UAAG,yBAAyB,CAAC,SAAS,CAAC,SAAG,yBAAyB,CAAC,UAAU,CAAC,CAAE,CAAA;AAC1F,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,0BAA0B,GAAG,UAAC,EAA0E;QAAxE,KAAK,WAAA,EAAE,UAAU,gBAAA,EAAE,uBAAsB,EAAtB,eAAe,mBAAG,IAAI,KAAA;IACpF,IAAM,MAAM,GAAG,CAAC,KAAK,GAAG,UAAU,CAAC,GAAG,GAAG,CAAA;IACzC,OAAO,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAA;AACrD,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,UAAkB,IAAK,OAAA,UAAU,KAAK,WAAW,CAAC,IAAI,EAA/B,CAA+B,CAAA;AACnF,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,KAAa,IAAK,OAAA,KAAK,KAAK,CAAC,EAAX,CAAW,CAAA;AAEhE,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAC,EAAgE;QAA9D,SAAS,eAAA,EAAE,kBAAkB,wBAAA,EAAE,MAAM,YAAA;IAA8B,OAAA,CACxG,wBAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,iBACnE,wBAAK,KAAK,aAAI,MAAM,EAAE,oBAAoB,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,IAAK,MAAM,kBAChG,uCAAoB,EACnB,SAAS,KACN,EACN,wBAAK,KAAK,aAAI,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,IAAK,MAAM,kBACzF,sBAAI,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,gCAAiB,EAChD,qCAAgB,MAAM,gBAAE,kBAAkB,IAAI,SAAS,IAAO,KAC1D,KACF,CACP;AAXyG,CAWzG,CAAA;AAED,MAAM,CAAC,IAAM,yBAAyB,GAAG,UAAC,QAAgB,EAAE,iBAA2B;IACrF,OAAA,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,iBAAiB;AAAzE,CAAyE,CAAA;AAE3E,IAAM,wBAAwB,GAAG,UAAC,OAAuB,IAAK,OAAA,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,EAAzE,CAAyE,CAAA;AAEvI,MAAM,CAAC,IAAM,wBAAwB,GAAG,UAAC,UAAyC;IAChF,IAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,CAAA;IAC5C,IAAI,iBAAiB;QAAE,OAAO,wBAAwB,CAAC,iBAAiB,CAAC,IAAI,wBAAwB,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;AAC5I,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,4BAA4B,GAAG,UAAC,QAAgB,EAAE,oBAA6B;IAC1F,OAAA,CAAC,QAAQ,EAAE,oBAAoB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;AAApE,CAAoE,CAAA;AAEtE,MAAM,CAAC,IAAM,UAAU,GAAG,cAAM,OAAA,MAAM,EAAE,EAAR,CAAQ,CAAA;AAExC,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,QAAwB;IACzD,QAAQ,QAAQ,EAAE;QAChB,KAAK,aAAa,CAAC,SAAS;YAC1B,OAAO,KAAC,SAAS,IAAC,KAAK,EAAE,MAAM,CAAC,YAAY,GAAI,CAAA;QAClD,KAAK,aAAa,CAAC,QAAQ;YACzB,OAAO,KAAC,gBAAgB,IAAC,KAAK,EAAE,MAAM,CAAC,YAAY,GAAI,CAAA;QACzD,KAAK,aAAa,CAAC,WAAW;YAC5B,OAAO,KAAC,eAAe,IAAC,KAAK,EAAE,MAAM,CAAC,YAAY,GAAI,CAAA;QACxD;YACE,OAAO,IAAI,CAAA;KACd;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,EAAkD;QAAhD,YAAY,kBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA;IAC5D,IAAI,YAAY;QAAE,OAAO,KAAC,kBAAkB,IAAC,KAAK,EAAE,MAAM,CAAC,aAAa,EAAE,KAAK,EAAE,KAAK,GAAI,CAAA;IAC1F,QAAQ,QAAQ,EAAE;QAChB,KAAK,aAAa,CAAC,SAAS,CAAC;QAC7B,KAAK,aAAa,CAAC,SAAS;YAC1B,OAAO,KAAC,kBAAkB,IAAC,KAAK,EAAE,MAAM,CAAC,aAAa,EAAE,KAAK,EAAE,KAAK,GAAI,CAAA;QAC1E,KAAK,aAAa,CAAC,UAAU;YAC3B,OAAO,KAAC,qBAAqB,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,EAAE,KAAK,EAAE,KAAK,GAAI,CAAA;QAC3E,KAAK,aAAa,CAAC,WAAW,CAAC;QAC/B,KAAK,aAAa,CAAC,QAAQ;YACzB,OAAO,IAAI,CAAA;QACb;YACE,OAAO,KAAC,iBAAiB,IAAC,KAAK,EAAE,MAAM,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,GAAI,CAAA;KACvE;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,yBAAyB,GAAG,UAAC,QAAgB;IACxD,IAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAA;IAC/C,OAAO,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,CAAC,CAAC,KAAI,EAAE,CAAA;AACzB,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,QAAgB,EAAE,WAAmB;IACpE,IAAM,kBAAkB,GAAG,WAAW,KAAK,YAAY,CAAC,KAAK,CAAA;IAC7D,IAAM,aAAa,GAAG,yBAAyB,CAAC,QAAQ,CAAC,CAAA;IAEzD,QAAQ,aAAa,EAAE;QACrB,KAAK,YAAY,CAAC,GAAG;YACnB,OAAO,kBAAkB,CAAC,CAAC,CAAC,KAAC,gBAAgB,KAAG,CAAC,CAAC,CAAC,KAAC,WAAW,KAAG,CAAA;QACpE,KAAK,YAAY,CAAC,GAAG,CAAC;QACtB,KAAK,YAAY,CAAC,IAAI;YACpB,OAAO,kBAAkB,CAAC,CAAC,CAAC,KAAC,gBAAgB,KAAG,CAAC,CAAC,CAAC,KAAC,WAAW,KAAG,CAAA;QACpE,KAAK,YAAY,CAAC,GAAG,CAAC;QACtB,KAAK,YAAY,CAAC,IAAI;YACpB,OAAO,kBAAkB,CAAC,CAAC,CAAC,KAAC,gBAAgB,KAAG,CAAC,CAAC,CAAC,KAAC,WAAW,KAAG,CAAA;QACpE,KAAK,YAAY,CAAC,GAAG,CAAC;QACtB,KAAK,YAAY,CAAC,IAAI;YACpB,OAAO,kBAAkB,CAAC,CAAC,CAAC,KAAC,gBAAgB,KAAG,CAAC,CAAC,CAAC,KAAC,WAAW,KAAG,CAAA;QACpE,KAAK,YAAY,CAAC,GAAG;YACnB,OAAO,kBAAkB,CAAC,CAAC,CAAC,KAAC,gBAAgB,KAAG,CAAC,CAAC,CAAC,KAAC,WAAW,KAAG,CAAA;QACpE;YACE,OAAO,kBAAkB,CAAC,CAAC,CAAC,KAAC,aAAa,KAAG,CAAC,CAAC,CAAC,KAAC,QAAQ,KAAG,CAAA;KAC/D;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAC,EAAsE;;QAApE,UAAU,gBAAA,EAAE,YAAY,kBAAA,EAAE,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA;IACxE,IAAA,KAAc,CAAA,CAAA,MAAA,YAAY,CAAC,OAAO,0CAAE,qBAAqB,EAAE,KAAI,EAAE,CAAA,MAAxD,EAAT,KAAK,mBAAG,CAAC,KAAA,CAAwD;IAEzE,OAAO,CACL,cACE,KAAK,EAAE,EAAE,0BAA0B,EAAE,UAAG,KAAK,GAAG,wBAAwB,OAAI,EAAmB,EAC/F,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE;YACxC,2BAA2B,EAAE,SAAS;YACtC,4BAA4B,EAAE,wBAAwB,CAAC,UAAU,CAAC;SACnE,CAAC,GACF,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAC,UAAsC;IAAtC,2BAAA,EAAA,aAAqB,WAAW,CAAC,KAAK;IAAK,OAAA,CAAC,EAAE,UAAU,EAAE,UAAG,UAAU,iBAAc,EAAE,CAAC;AAA7C,CAA6C,CAAA"}
|
|
@@ -12,9 +12,10 @@ interface UseModalProps {
|
|
|
12
12
|
popupClassName?: string;
|
|
13
13
|
popupStyles?: React.CSSProperties;
|
|
14
14
|
bottomSheetProps?: Partial<Omit<BottomSheetProps, 'externalScrollContainer'>>;
|
|
15
|
+
bottomSheetStyles?: React.CSSProperties;
|
|
15
16
|
scrollRef?: RefObject<HTMLDivElement | null>;
|
|
16
17
|
}
|
|
17
|
-
export declare const useModal: ({ isModalOpen, platform, isDisabledBottomSheet, initialIsBottomSheet, modalRef, isClosableOutside, handleCloseModal, popupClassName, popupStyles, bottomSheetProps, scrollRef, }: UseModalProps) => {
|
|
18
|
+
export declare const useModal: ({ isModalOpen, platform, isDisabledBottomSheet, initialIsBottomSheet, modalRef, isClosableOutside, handleCloseModal, popupClassName, popupStyles, bottomSheetProps, bottomSheetStyles, scrollRef, }: UseModalProps) => {
|
|
18
19
|
shouldUseBottomSheet: boolean;
|
|
19
20
|
renderModal: (children: React.ReactNode) => import("react/jsx-runtime").JSX.Element | null;
|
|
20
21
|
};
|
|
@@ -10,17 +10,17 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
12
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
-
import { useLayoutEffect, useState
|
|
13
|
+
import { useCallback, useLayoutEffect, useState } from 'react';
|
|
14
14
|
import Popup from 'reactjs-popup';
|
|
15
15
|
import { BottomSheet } from 'alex.chus-react-spring-bottom-sheet';
|
|
16
|
-
import 'alex.chus-react-spring-bottom-sheet/dist/style.css';
|
|
17
16
|
import { isMobilePlatform } from '../helpers';
|
|
18
17
|
import { BOTTOM_SHEET, PLATFORM } from '../constants';
|
|
18
|
+
import 'alex.chus-react-spring-bottom-sheet/dist/style.css';
|
|
19
19
|
var MAX_MODAL_MOBILE_HEIGHT = 360;
|
|
20
20
|
var MODAL_ANIMATION = 'modalFadeIn 0.25s ease-in-out forwards';
|
|
21
21
|
var BOTTOM_SHEET_BORDER_RADIUS = '24px';
|
|
22
22
|
export var useModal = function (_a) {
|
|
23
|
-
var isModalOpen = _a.isModalOpen, _b = _a.platform, platform = _b === void 0 ? PLATFORM.web : _b, _c = _a.isDisabledBottomSheet, isDisabledBottomSheet = _c === void 0 ? false : _c, _d = _a.initialIsBottomSheet, initialIsBottomSheet = _d === void 0 ? false : _d, modalRef = _a.modalRef, isClosableOutside = _a.isClosableOutside, handleCloseModal = _a.handleCloseModal, popupClassName = _a.popupClassName, popupStyles = _a.popupStyles, bottomSheetProps = _a.bottomSheetProps, scrollRef = _a.scrollRef;
|
|
23
|
+
var isModalOpen = _a.isModalOpen, _b = _a.platform, platform = _b === void 0 ? PLATFORM.web : _b, _c = _a.isDisabledBottomSheet, isDisabledBottomSheet = _c === void 0 ? false : _c, _d = _a.initialIsBottomSheet, initialIsBottomSheet = _d === void 0 ? false : _d, modalRef = _a.modalRef, isClosableOutside = _a.isClosableOutside, handleCloseModal = _a.handleCloseModal, popupClassName = _a.popupClassName, popupStyles = _a.popupStyles, bottomSheetProps = _a.bottomSheetProps, bottomSheetStyles = _a.bottomSheetStyles, scrollRef = _a.scrollRef;
|
|
24
24
|
var _e = useState(initialIsBottomSheet), shouldUseBottomSheet = _e[0], setShouldUseBottomSheet = _e[1];
|
|
25
25
|
var updateModalState = useCallback(function () {
|
|
26
26
|
var modalElement = modalRef.current;
|
|
@@ -48,13 +48,10 @@ export var useModal = function (_a) {
|
|
|
48
48
|
event.stopPropagation();
|
|
49
49
|
handleCloseModal();
|
|
50
50
|
};
|
|
51
|
-
var BottomSheetModal = (_jsx(BottomSheet, __assign({ id: BOTTOM_SHEET, open: isModalOpen, onDismiss: handleCloseModal, expandOnContentDrag: true, sibling: _jsx("div", { "data-rsbs-backdrop": "true", onClick: handleOutsideClick }), style: { '--rsbs-overlay-rounded': BOTTOM_SHEET_BORDER_RADIUS }, externalScrollContainer: scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current }, bottomSheetProps, { children: children })));
|
|
51
|
+
var BottomSheetModal = (_jsx(BottomSheet, __assign({ id: BOTTOM_SHEET, open: isModalOpen, onDismiss: handleCloseModal, expandOnContentDrag: true, sibling: _jsx("div", { "data-rsbs-backdrop": "true", onClick: handleOutsideClick }), style: __assign({ '--rsbs-overlay-rounded': BOTTOM_SHEET_BORDER_RADIUS }, bottomSheetStyles), externalScrollContainer: scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current }, bottomSheetProps, { children: children })));
|
|
52
52
|
var Modal = (_jsx(Popup, __assign({ className: popupClassName, overlayStyle: __assign(__assign({}, popupStyles), { opacity: 0, animation: MODAL_ANIMATION }), closeOnDocumentClick: isClosableOutside, modal: true, open: isModalOpen, closeOnEscape: isClosableOutside, onClose: handleCloseModal }, { children: children })));
|
|
53
53
|
return shouldUseBottomSheet ? BottomSheetModal : Modal;
|
|
54
54
|
};
|
|
55
|
-
return {
|
|
56
|
-
shouldUseBottomSheet: shouldUseBottomSheet,
|
|
57
|
-
renderModal: renderModal,
|
|
58
|
-
};
|
|
55
|
+
return { shouldUseBottomSheet: shouldUseBottomSheet, renderModal: renderModal };
|
|
59
56
|
};
|
|
60
57
|
//# sourceMappingURL=useModal.js.map
|