@expressms/smartapp-ui 2.9.14 → 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 +8 -14
- 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 +33 -48
- 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 -36
- package/build/main//321/201omponents/UserDropdown/selectStyles.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/types.d.ts +7 -4
- package/build/main//321/201omponents/UserDropdown/types.js.map +1 -1
- package/package.json +1 -1
- 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":"Button.js","sourceRoot":"","sources":["../../../../src/сomponents/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAC9B,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/сomponents/Button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,19 +1,20 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ButtonHTMLAttributes, ReactElement } from 'react';
|
|
2
|
+
import { IFontFamilyProps, TStyles } from '../../constants';
|
|
2
3
|
import { IntRange } from '../types';
|
|
3
|
-
import { TStyles } from '../../constants';
|
|
4
4
|
export declare enum TButtonVariant {
|
|
5
5
|
primary = "primary",
|
|
6
|
-
secondary = "secondary"
|
|
6
|
+
secondary = "secondary",
|
|
7
|
+
tertiary = "tertiary"
|
|
7
8
|
}
|
|
8
9
|
export declare enum TButtonAppearance {
|
|
9
10
|
accent = "accent",
|
|
10
11
|
negative = "negative"
|
|
11
12
|
}
|
|
12
|
-
export interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement
|
|
13
|
+
export interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, IFontFamilyProps {
|
|
13
14
|
title: string;
|
|
14
15
|
isDisabledClickable?: boolean;
|
|
15
16
|
isWaitingResponse?: boolean;
|
|
16
|
-
variant?: 'primary' | 'secondary';
|
|
17
|
+
variant?: 'primary' | 'secondary' | 'tertiary';
|
|
17
18
|
appearance?: 'accent' | 'negative';
|
|
18
19
|
icon?: ReactElement;
|
|
19
20
|
loaderIcon?: ReactElement;
|
|
@@ -21,8 +22,3 @@ export interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
|
21
22
|
className?: string;
|
|
22
23
|
styles?: TStyles;
|
|
23
24
|
}
|
|
24
|
-
export type TChangeTransitionDelay = {
|
|
25
|
-
transitionDelay: number;
|
|
26
|
-
titleEl: HTMLSpanElement | null;
|
|
27
|
-
iconEl: HTMLDivElement | null;
|
|
28
|
-
};
|
|
@@ -2,6 +2,7 @@ export var TButtonVariant;
|
|
|
2
2
|
(function (TButtonVariant) {
|
|
3
3
|
TButtonVariant["primary"] = "primary";
|
|
4
4
|
TButtonVariant["secondary"] = "secondary";
|
|
5
|
+
TButtonVariant["tertiary"] = "tertiary";
|
|
5
6
|
})(TButtonVariant || (TButtonVariant = {}));
|
|
6
7
|
export var TButtonAppearance;
|
|
7
8
|
(function (TButtonAppearance) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/Button/types.ts"],"names":[],"mappings":"AAIA,MAAM,CAAN,IAAY,
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/Button/types.ts"],"names":[],"mappings":"AAIA,MAAM,CAAN,IAAY,cAIX;AAJD,WAAY,cAAc;IACxB,qCAAmB,CAAA;IACnB,yCAAuB,CAAA;IACvB,uCAAqB,CAAA;AACvB,CAAC,EAJW,cAAc,KAAd,cAAc,QAIzB;AAED,MAAM,CAAN,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IAC3B,sCAAiB,CAAA;IACjB,0CAAqB,CAAA;AACvB,CAAC,EAHW,iBAAiB,KAAjB,iBAAiB,QAG5B"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ICalendarProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const CalendarDatepicker: ({ id, initialSelectedDate, initialSelectedDateRange, onChange, onChangeSelectedDateRange, isRange, width, isAnnualEvent, ...props }: ICalendarProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare const CalendarDatepicker: ({ fontFamily, id, initialSelectedDate, initialSelectedDateRange, onChange, onChangeSelectedDateRange, isRange, width, isAnnualEvent, ...props }: ICalendarProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default CalendarDatepicker;
|
|
@@ -23,20 +23,21 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
23
23
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
24
24
|
import { useEffect, useState } from 'react';
|
|
25
25
|
import DatePicker, { registerLocale } from 'react-datepicker';
|
|
26
|
-
import
|
|
27
|
-
import { ReactComponent as ArrowUpIcon } from '../../assets/icons/arrow-up.svg';
|
|
28
|
-
import { ReactComponent as ArrowDownIcon } from '../../assets/icons/arrow-down.svg';
|
|
29
|
-
import '../../styles/styles.scss';
|
|
30
|
-
import ru from 'date-fns/locale/ru';
|
|
31
|
-
import en from 'date-fns/locale/en-US';
|
|
26
|
+
import classNames from 'classnames';
|
|
32
27
|
import ar from 'date-fns/locale/ar';
|
|
33
|
-
import fr from 'date-fns/locale/fr';
|
|
34
|
-
import es from 'date-fns/locale/es';
|
|
35
28
|
import de from 'date-fns/locale/de';
|
|
29
|
+
import en from 'date-fns/locale/en-US';
|
|
30
|
+
import es from 'date-fns/locale/es';
|
|
31
|
+
import fr from 'date-fns/locale/fr';
|
|
32
|
+
import id from 'date-fns/locale/id';
|
|
36
33
|
import ms from 'date-fns/locale/ms';
|
|
34
|
+
import ru from 'date-fns/locale/ru';
|
|
37
35
|
import tr from 'date-fns/locale/tr';
|
|
38
|
-
import
|
|
39
|
-
import
|
|
36
|
+
import { generateFontFamilyStyle } from '../../helpers';
|
|
37
|
+
import { LANGUAGES } from '../../constants';
|
|
38
|
+
import { ReactComponent as ArrowDownIcon } from '../../assets/icons/arrow-down.svg';
|
|
39
|
+
import { ReactComponent as ArrowUpIcon } from '../../assets/icons/arrow-up.svg';
|
|
40
|
+
import '../../styles/styles.scss';
|
|
40
41
|
registerLocale(LANGUAGES.ru, ru);
|
|
41
42
|
registerLocale(LANGUAGES.ar, ar);
|
|
42
43
|
registerLocale(LANGUAGES.en, en);
|
|
@@ -57,7 +58,7 @@ var READONLY_ATTRIBUTE = 'readonly';
|
|
|
57
58
|
var READONLY_ATTRIBUTE_VALUE = 'true';
|
|
58
59
|
var DATE_PICKER_FORMAT = DATE_FORMAT.DATE_PICKER_FORMAT, DAY_MONTH_YEAR = DATE_FORMAT.DAY_MONTH_YEAR, MONTH_YEAR = DATE_FORMAT.MONTH_YEAR, MONTH = DATE_FORMAT.MONTH;
|
|
59
60
|
var CalendarDatepicker = function (_a) {
|
|
60
|
-
var id = _a.id, initialSelectedDate = _a.initialSelectedDate, initialSelectedDateRange = _a.initialSelectedDateRange, onChange = _a.onChange, onChangeSelectedDateRange = _a.onChangeSelectedDateRange, _b = _a.isRange, isRange = _b === void 0 ? false : _b, width = _a.width, _c = _a.isAnnualEvent, isAnnualEvent = _c === void 0 ? false : _c, props = __rest(_a, ["id", "initialSelectedDate", "initialSelectedDateRange", "onChange", "onChangeSelectedDateRange", "isRange", "width", "isAnnualEvent"]);
|
|
61
|
+
var fontFamily = _a.fontFamily, id = _a.id, initialSelectedDate = _a.initialSelectedDate, initialSelectedDateRange = _a.initialSelectedDateRange, onChange = _a.onChange, onChangeSelectedDateRange = _a.onChangeSelectedDateRange, _b = _a.isRange, isRange = _b === void 0 ? false : _b, width = _a.width, _c = _a.isAnnualEvent, isAnnualEvent = _c === void 0 ? false : _c, props = __rest(_a, ["fontFamily", "id", "initialSelectedDate", "initialSelectedDateRange", "onChange", "onChangeSelectedDateRange", "isRange", "width", "isAnnualEvent"]);
|
|
61
62
|
var defaultSelectedDate = new Date();
|
|
62
63
|
var _d = useState(initialSelectedDate || defaultSelectedDate), selectedDate = _d[0], setSelectedDate = _d[1];
|
|
63
64
|
var _e = useState(initialSelectedDateRange || [defaultSelectedDate, defaultSelectedDate]), selectedDateRange = _e[0], setSelectedDateRange = _e[1];
|
|
@@ -94,7 +95,7 @@ var CalendarDatepicker = function (_a) {
|
|
|
94
95
|
};
|
|
95
96
|
var annualEventFormat = isAnnualEvent ? DAY_MONTH_YEAR : DATE_PICKER_FORMAT;
|
|
96
97
|
var annualCalendarFormat = isAnnualEvent ? MONTH_YEAR : MONTH;
|
|
97
|
-
return (_jsx("div", __assign({ className: "smartapp-calendar-component", style: { width: "".concat(width, "%") } }, { children: isRange ? (_jsx(DatePicker, __assign({ id: id, selectsRange: true, startDate: startDate, endDate: endDate, dateFormat: annualEventFormat, className: "smartapp-calendar-input", onChange: handleChangeDateRange }, props))) : (_jsxs(_Fragment, { children: [_jsx(DatePicker, __assign({ id: id, selected: selectedDate, dateFormat: annualEventFormat, dateFormatCalendar: annualCalendarFormat, className: "smartapp-calendar-input", popperClassName: "smartapp-calendar-popper", calendarClassName: classNames({ 'smartapp-calendar-inline-background': inline }), onChange: handleChangeDate, onFocus: handleDatePickerClick, onBlur: handleDatePickerClick }, props)), !inline && (_jsx("button", __assign({ onClick: handleClickArrowButton, className: "smartapp-calendar-input__arrow" }, { children: isActiveDatepicker ? _jsx(ArrowUpIcon, {}) : _jsx(ArrowDownIcon, {}) })))] })) })));
|
|
98
|
+
return (_jsx("div", __assign({ className: "smartapp-calendar-component", style: __assign({ width: "".concat(width, "%") }, generateFontFamilyStyle(fontFamily)) }, { children: isRange ? (_jsx(DatePicker, __assign({ id: id, selectsRange: true, startDate: startDate, endDate: endDate, dateFormat: annualEventFormat, className: "smartapp-calendar-input", onChange: handleChangeDateRange }, props))) : (_jsxs(_Fragment, { children: [_jsx(DatePicker, __assign({ id: id, selected: selectedDate, dateFormat: annualEventFormat, dateFormatCalendar: annualCalendarFormat, className: "smartapp-calendar-input", popperClassName: "smartapp-calendar-popper", calendarClassName: classNames({ 'smartapp-calendar-inline-background': inline }), onChange: handleChangeDate, onFocus: handleDatePickerClick, onBlur: handleDatePickerClick }, props)), !inline && (_jsx("button", __assign({ onClick: handleClickArrowButton, className: "smartapp-calendar-input__arrow" }, { children: isActiveDatepicker ? _jsx(ArrowUpIcon, {}) : _jsx(ArrowDownIcon, {}) })))] })) })));
|
|
98
99
|
};
|
|
99
100
|
export default CalendarDatepicker;
|
|
100
101
|
//# sourceMappingURL=Calendar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../../src/сomponents/Calendar/Calendar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,UAAU,EAAE,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC7D,OAAO,
|
|
1
|
+
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../../src/сomponents/Calendar/Calendar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { ReactDatePickerProps } from 'react-datepicker';
|
|
2
|
+
import { IFontFamilyProps } from '../../constants';
|
|
2
3
|
import { IntRange } from '../types';
|
|
3
4
|
export type TDateRange = [Date | null, Date | null];
|
|
4
|
-
export interface ICalendarProps extends ReactDatePickerProps {
|
|
5
|
+
export interface ICalendarProps extends ReactDatePickerProps, IFontFamilyProps {
|
|
5
6
|
id: string;
|
|
6
7
|
onChange: (date: Date) => void;
|
|
7
8
|
isAnnualEvent?: boolean;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IChartProps } from '../types';
|
|
2
2
|
import '../../../styles/styles.scss';
|
|
3
|
-
declare const ChartBar: ({ chartHeight, title, xAxis, tooltipXAxis, data, legendUnits }: IChartProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare const ChartBar: ({ fontFamily, chartHeight, title, xAxis, tooltipXAxis, data, legendUnits }: IChartProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default ChartBar;
|
|
@@ -9,22 +9,23 @@ var __assign = (this && this.__assign) || function () {
|
|
|
9
9
|
};
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
|
-
import { jsx as _jsx,
|
|
12
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
13
|
import { useRef } from 'react';
|
|
14
14
|
import ReactEcharts from 'echarts-for-react';
|
|
15
|
-
import classNames from 'classnames';
|
|
16
15
|
import ChartLegend from '../ChartLegend/ChartLegend';
|
|
17
16
|
import { useEvents } from '../useEvents';
|
|
17
|
+
import { generateFontFamilyStyle } from '../../../helpers';
|
|
18
18
|
import { generateBarItem, generateLegendItems, generateXAxis, renderChartTooltip } from '../helpers';
|
|
19
|
-
import {
|
|
19
|
+
import { FONT_FAMILY } from '../../../constants';
|
|
20
|
+
import { DEFAULT_CHART_HEIGHT, LEGEND, OPTIONS, OPTION_GRID, OPTION_TOOLTIP, OPTION_Y_AXIS } from '../constants';
|
|
20
21
|
import '../../../styles/styles.scss';
|
|
21
22
|
var series = OPTIONS.series, shadow = OPTIONS.shadow, bar = OPTIONS.bar;
|
|
22
23
|
var option = function (_a) {
|
|
23
|
-
var data = _a.data, xAxis = _a.xAxis, tooltipXAxis = _a.tooltipXAxis;
|
|
24
|
+
var _b = _a.fontFamily, fontFamily = _b === void 0 ? FONT_FAMILY.onest : _b, data = _a.data, xAxis = _a.xAxis, tooltipXAxis = _a.tooltipXAxis;
|
|
24
25
|
return ({
|
|
25
26
|
legend: LEGEND,
|
|
26
27
|
tooltip: __assign(__assign({}, OPTION_TOOLTIP), { axisPointer: { type: shadow }, formatter: function (params) { return renderChartTooltip({ chartType: bar, params: params, tooltipXAxis: tooltipXAxis }); } }),
|
|
27
|
-
textStyle:
|
|
28
|
+
textStyle: { fontFamily: fontFamily },
|
|
28
29
|
grid: __assign(__assign({}, OPTION_GRID), { right: 0 }),
|
|
29
30
|
xAxis: generateXAxis(xAxis),
|
|
30
31
|
yAxis: OPTION_Y_AXIS,
|
|
@@ -37,10 +38,10 @@ var option = function (_a) {
|
|
|
37
38
|
});
|
|
38
39
|
};
|
|
39
40
|
var ChartBar = function (_a) {
|
|
40
|
-
var _b = _a.chartHeight, chartHeight = _b === void 0 ? DEFAULT_CHART_HEIGHT.bar : _b, title = _a.title, xAxis = _a.xAxis, tooltipXAxis = _a.tooltipXAxis, data = _a.data, legendUnits = _a.legendUnits;
|
|
41
|
+
var fontFamily = _a.fontFamily, _b = _a.chartHeight, chartHeight = _b === void 0 ? DEFAULT_CHART_HEIGHT.bar : _b, title = _a.title, xAxis = _a.xAxis, tooltipXAxis = _a.tooltipXAxis, data = _a.data, legendUnits = _a.legendUnits;
|
|
41
42
|
var chartRef = useRef(null);
|
|
42
43
|
var _c = useEvents({ chartType: bar, chartRef: chartRef }), highlight = _c.highlight, downplay = _c.downplay;
|
|
43
|
-
return (_jsxs(
|
|
44
|
+
return (_jsxs("div", __assign({ style: __assign({}, generateFontFamilyStyle(fontFamily)) }, { children: [_jsx("p", __assign({ className: "smartapp-chart__title mb-24" }, { children: title })), _jsx(ReactEcharts, { ref: chartRef, option: option({ fontFamily: fontFamily, data: data, xAxis: xAxis, tooltipXAxis: tooltipXAxis }), style: { height: chartHeight }, onEvents: { highlight: highlight, downplay: downplay } }), _jsx(ChartLegend, { chartRef: chartRef, chartType: bar, legendItems: generateLegendItems(bar, chartRef), legendUnits: legendUnits })] })));
|
|
44
45
|
};
|
|
45
46
|
export default ChartBar;
|
|
46
47
|
//# sourceMappingURL=ChartBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChartBar.js","sourceRoot":"","sources":["../../../../../src/сomponents/Charts/ChartBar/ChartBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,YAA+B,MAAM,mBAAmB,CAAA;AAC/D,OAAO,
|
|
1
|
+
{"version":3,"file":"ChartBar.js","sourceRoot":"","sources":["../../../../../src/сomponents/Charts/ChartBar/ChartBar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IChartProps } from '../types';
|
|
2
2
|
import '../../../styles/styles.scss';
|
|
3
|
-
declare const ChartLine: ({ chartHeight, title, xAxis, tooltipXAxis, data, legendUnits }: IChartProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare const ChartLine: ({ fontFamily, chartHeight, title, xAxis, tooltipXAxis, data, legendUnits }: IChartProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default ChartLine;
|
|
@@ -9,20 +9,21 @@ var __assign = (this && this.__assign) || function () {
|
|
|
9
9
|
};
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
|
-
import { jsx as _jsx,
|
|
12
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
13
|
import { useRef } from 'react';
|
|
14
14
|
import ReactEcharts from 'echarts-for-react';
|
|
15
|
-
import classNames from 'classnames';
|
|
16
15
|
import ChartLegend from '../ChartLegend/ChartLegend';
|
|
17
16
|
import { useEvents } from '../useEvents';
|
|
17
|
+
import { generateFontFamilyStyle } from '../../../helpers';
|
|
18
18
|
import { generateLegendItems, generateLineItem, generateXAxis, renderChartTooltip } from '../helpers';
|
|
19
|
-
import {
|
|
19
|
+
import { FONT_FAMILY } from '../../../constants';
|
|
20
|
+
import { DEFAULT_CHART_HEIGHT, LEGEND, NUMBER_FORMATTER, OPTIONS, OPTION_GRID, OPTION_TOOLTIP, OPTION_Y_AXIS } from '../constants';
|
|
20
21
|
import '../../../styles/styles.scss';
|
|
21
22
|
var line = OPTIONS.line;
|
|
22
23
|
var option = function (_a) {
|
|
23
|
-
var data = _a.data, xAxis = _a.xAxis, tooltipXAxis = _a.tooltipXAxis;
|
|
24
|
+
var _b = _a.fontFamily, fontFamily = _b === void 0 ? FONT_FAMILY.onest : _b, data = _a.data, xAxis = _a.xAxis, tooltipXAxis = _a.tooltipXAxis;
|
|
24
25
|
return ({
|
|
25
|
-
textStyle:
|
|
26
|
+
textStyle: { fontFamily: fontFamily },
|
|
26
27
|
legend: LEGEND,
|
|
27
28
|
tooltip: __assign(__assign({}, OPTION_TOOLTIP), { formatter: function (params) { return renderChartTooltip({ chartType: line, params: params, tooltipXAxis: tooltipXAxis }); } }),
|
|
28
29
|
grid: __assign(__assign({}, OPTION_GRID), { right: '10px' }),
|
|
@@ -32,10 +33,10 @@ var option = function (_a) {
|
|
|
32
33
|
});
|
|
33
34
|
};
|
|
34
35
|
var ChartLine = function (_a) {
|
|
35
|
-
var _b = _a.chartHeight, chartHeight = _b === void 0 ? DEFAULT_CHART_HEIGHT.line : _b, title = _a.title, xAxis = _a.xAxis, tooltipXAxis = _a.tooltipXAxis, data = _a.data, legendUnits = _a.legendUnits;
|
|
36
|
+
var fontFamily = _a.fontFamily, _b = _a.chartHeight, chartHeight = _b === void 0 ? DEFAULT_CHART_HEIGHT.line : _b, title = _a.title, xAxis = _a.xAxis, tooltipXAxis = _a.tooltipXAxis, data = _a.data, legendUnits = _a.legendUnits;
|
|
36
37
|
var chartRef = useRef(null);
|
|
37
38
|
var _c = useEvents({ chartRef: chartRef, chartType: line }), highlight = _c.highlight, downplay = _c.downplay;
|
|
38
|
-
return (_jsxs(
|
|
39
|
+
return (_jsxs("div", __assign({ style: __assign({}, generateFontFamilyStyle(fontFamily)) }, { children: [_jsx("p", __assign({ className: "smartapp-chart__title mb-24" }, { children: title })), _jsx(ReactEcharts, { ref: chartRef, option: option({ fontFamily: fontFamily, data: data, xAxis: xAxis, tooltipXAxis: tooltipXAxis }), style: { height: chartHeight }, onEvents: { highlight: highlight, downplay: downplay } }), _jsx(ChartLegend, { chartRef: chartRef, chartType: line, legendItems: generateLegendItems(line, chartRef), legendUnits: legendUnits })] })));
|
|
39
40
|
};
|
|
40
41
|
export default ChartLine;
|
|
41
42
|
//# sourceMappingURL=ChartLine.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChartLine.js","sourceRoot":"","sources":["../../../../../src/сomponents/Charts/ChartLine/ChartLine.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,YAAY,MAAM,mBAAmB,CAAA;AAC5C,OAAO,
|
|
1
|
+
{"version":3,"file":"ChartLine.js","sourceRoot":"","sources":["../../../../../src/сomponents/Charts/ChartLine/ChartLine.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,YAAY,MAAM,mBAAmB,CAAA;AAC5C,OAAO,WAAW,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAA;AAC1D,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AACrG,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,EAAE,gBAAgB,EAAE,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAElI,OAAO,6BAA6B,CAAA;AAE5B,IAAA,IAAI,GAAK,OAAO,KAAZ,CAAY;AAExB,IAAM,MAAM,GAAG,UAAC,EAA0E;QAAxE,kBAA8B,EAA9B,UAAU,mBAAG,WAAW,CAAC,KAAK,KAAA,EAAE,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,YAAY,kBAAA;IAAoB,OAAA,CAAC;QAC9F,SAAS,EAAE,EAAE,UAAU,YAAA,EAAE;QACzB,MAAM,EAAE,MAAM;QACd,OAAO,wBACF,cAAc,KACjB,SAAS,EAAE,UAAC,MAAgC,IAAK,OAAA,kBAAkB,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,QAAA,EAAE,YAAY,cAAA,EAAE,CAAC,EAA7D,CAA6D,GAC/G;QACD,IAAI,wBAAO,WAAW,KAAE,KAAK,EAAE,MAAM,GAAE;QACvC,KAAK,aAAI,WAAW,EAAE,KAAK,IAAK,aAAa,CAAC,KAAK,CAAC,CAAE;QACtD,KAAK,wBACA,aAAa,KAChB,SAAS,wBACJ,aAAa,CAAC,SAAS,KAC1B,SAAS,EAAE,UAAC,KAAa,IAAK,OAAA,gBAAgB,CAAC,MAAM,CAAC,KAAK,CAAC,EAA9B,CAA8B,MAE/D;QACD,MAAM,EAAE,gBAAgB,CAAC,IAAI,CAAC;KAC/B,CAAC;AAjB6F,CAiB7F,CAAA;AAEF,IAAM,SAAS,GAAG,UAAC,EAAmH;QAAjH,UAAU,gBAAA,EAAE,mBAAuC,EAAvC,WAAW,mBAAG,oBAAoB,CAAC,IAAI,KAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,YAAY,kBAAA,EAAE,IAAI,UAAA,EAAE,WAAW,iBAAA;IACrH,IAAM,QAAQ,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAA;IAC5C,IAAA,KAA0B,SAAS,CAAC,EAAE,QAAQ,UAAA,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAhE,SAAS,eAAA,EAAE,QAAQ,cAA6C,CAAA;IAExE,OAAO,CACL,wBAAK,KAAK,eAAO,uBAAuB,CAAC,UAAU,CAAC,kBAClD,qBAAG,SAAS,EAAC,6BAA6B,gBAAE,KAAK,IAAK,EACtD,KAAC,YAAY,IACX,GAAG,EAAE,QAAQ,EACb,MAAM,EAAE,MAAM,CAAC,EAAE,UAAU,YAAA,EAAE,IAAI,MAAA,EAAE,KAAK,OAAA,EAAE,YAAY,cAAA,EAAE,CAAC,EACzD,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,EAC9B,QAAQ,EAAE,EAAE,SAAS,WAAA,EAAE,QAAQ,UAAA,EAAE,GACjC,EACF,KAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,mBAAmB,CAAC,IAAI,EAAE,QAAQ,CAAC,EAAE,WAAW,EAAE,WAAW,GAAI,KAC5H,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IChartPieProps } from '../types';
|
|
2
2
|
import '../../../styles/styles.scss';
|
|
3
|
-
declare const ChartPie: ({ chartSize, data, title, subtitle, legendUnits }: IChartPieProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare const ChartPie: ({ fontFamily, chartSize, data, title, subtitle, legendUnits }: IChartPieProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default ChartPie;
|
|
@@ -9,20 +9,21 @@ var __assign = (this && this.__assign) || function () {
|
|
|
9
9
|
};
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
|
-
import { jsx as _jsx,
|
|
12
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
13
|
import { useRef } from 'react';
|
|
14
14
|
import ReactEcharts from 'echarts-for-react';
|
|
15
15
|
import ChartLegend from '../ChartLegend/ChartLegend';
|
|
16
|
+
import { TEXT_COLOR } from '../colors';
|
|
16
17
|
import { usePieEvents } from '../usePieEvents';
|
|
18
|
+
import { generateFontFamilyStyle } from '../../../helpers';
|
|
17
19
|
import { calculatePieChartPadding, calculatePieValue, generateLegendItems, renderPieChartTooltip } from '../helpers';
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import { TEXT_COLOR } from '../colors';
|
|
20
|
+
import { COLORS, FONT_FAMILY } from '../../../constants';
|
|
21
|
+
import { CENTER_HORIZONTAL_POSITION, CENTER_VERTICAL_POSITION, DEFAULT_CHART_HEIGHT, INSIDE_RADIUS, LEGEND, OPTIONS, OUTSIDE_RADIUS, PIE_TOOLTIP_CLASS_NAME, } from '../constants';
|
|
21
22
|
import '../../../styles/styles.scss';
|
|
22
23
|
var center = OPTIONS.center, pie = OPTIONS.pie;
|
|
23
24
|
var white = COLORS.white, black = COLORS.black, blue = COLORS.blue;
|
|
24
25
|
var option = function (_a) {
|
|
25
|
-
var chartSize = _a.chartSize, data = _a.data, subtitle = _a.subtitle;
|
|
26
|
+
var _b = _a.fontFamily, fontFamily = _b === void 0 ? FONT_FAMILY.onest : _b, chartSize = _a.chartSize, data = _a.data, subtitle = _a.subtitle;
|
|
26
27
|
return ({
|
|
27
28
|
legend: LEGEND,
|
|
28
29
|
tooltip: { className: PIE_TOOLTIP_CLASS_NAME, borderColor: blue, formatter: renderPieChartTooltip },
|
|
@@ -50,14 +51,14 @@ var option = function (_a) {
|
|
|
50
51
|
subtextStyle: { color: black, fontSize: 32, fontWeight: 700 },
|
|
51
52
|
itemGap: 10,
|
|
52
53
|
},
|
|
53
|
-
textStyle:
|
|
54
|
+
textStyle: { fontFamily: fontFamily },
|
|
54
55
|
});
|
|
55
56
|
};
|
|
56
57
|
var ChartPie = function (_a) {
|
|
57
|
-
var _b = _a.chartSize, chartSize = _b === void 0 ? DEFAULT_CHART_HEIGHT.pie : _b, data = _a.data, title = _a.title, subtitle = _a.subtitle, legendUnits = _a.legendUnits;
|
|
58
|
+
var fontFamily = _a.fontFamily, _b = _a.chartSize, chartSize = _b === void 0 ? DEFAULT_CHART_HEIGHT.pie : _b, data = _a.data, title = _a.title, subtitle = _a.subtitle, legendUnits = _a.legendUnits;
|
|
58
59
|
var chartRef = useRef(null);
|
|
59
60
|
var _c = usePieEvents({ chartRef: chartRef, data: data }), legendselectchanged = _c.legendselectchanged, mouseover = _c.mouseover, mouseout = _c.mouseout;
|
|
60
|
-
return (_jsxs(
|
|
61
|
+
return (_jsxs("div", __assign({ style: __assign({}, generateFontFamilyStyle(fontFamily)) }, { children: [_jsx("p", __assign({ className: "smartapp-chart__title" }, { children: title })), _jsx(ReactEcharts, { ref: chartRef, option: option({ fontFamily: fontFamily, chartSize: chartSize - calculatePieChartPadding(chartSize), data: data, subtitle: subtitle }), style: { height: chartSize }, onEvents: { mouseover: mouseover, mouseout: mouseout, highlight: mouseover, downplay: mouseout, legendselectchanged: legendselectchanged } }), _jsx(ChartLegend, { chartRef: chartRef, chartType: pie, legendItems: generateLegendItems(pie, chartRef), legendUnits: legendUnits })] })));
|
|
61
62
|
};
|
|
62
63
|
export default ChartPie;
|
|
63
64
|
//# sourceMappingURL=ChartPie.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChartPie.js","sourceRoot":"","sources":["../../../../../src/сomponents/Charts/ChartPie/ChartPie.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,YAA+B,MAAM,mBAAmB,CAAA;AAC/D,OAAO,WAAW,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AACpH,OAAO,EACL,0BAA0B,EAC1B,wBAAwB,EACxB,oBAAoB,EACpB,aAAa,EACb,MAAM,EACN,OAAO,EACP,cAAc,EACd,sBAAsB,
|
|
1
|
+
{"version":3,"file":"ChartPie.js","sourceRoot":"","sources":["../../../../../src/сomponents/Charts/ChartPie/ChartPie.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { TooltipComponentOption } from 'echarts';
|
|
2
2
|
import { YAXisOption } from 'echarts/types/dist/shared';
|
|
3
|
-
import { FONT_FAMILY } from '../../constants';
|
|
4
3
|
export declare enum OPTIONS {
|
|
5
4
|
center = "center",
|
|
6
5
|
axis = "axis",
|
|
@@ -21,9 +20,6 @@ export declare const NUMBER_FORMATTER: Intl.NumberFormat;
|
|
|
21
20
|
export declare const LEGEND: {
|
|
22
21
|
show: boolean;
|
|
23
22
|
};
|
|
24
|
-
export declare const TEXT_STYLE: {
|
|
25
|
-
fontFamily: FONT_FAMILY;
|
|
26
|
-
};
|
|
27
23
|
export declare const TOOLTIP_CLASS_NAME = "smartapp-chart-tooltip";
|
|
28
24
|
export declare const PIE_TOOLTIP_CLASS_NAME = "smartapp-pie-chart-tooltip";
|
|
29
25
|
export declare const OPTION_TOOLTIP: TooltipComponentOption;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { COLORS, FONT_FAMILY } from '../../constants';
|
|
2
1
|
import { BORDER_COLOR } from './colors';
|
|
2
|
+
import { COLORS } from '../../constants';
|
|
3
3
|
export var OPTIONS;
|
|
4
4
|
(function (OPTIONS) {
|
|
5
5
|
OPTIONS["center"] = "center";
|
|
@@ -21,7 +21,6 @@ export var CENTER_HORIZONTAL_POSITION = '50%';
|
|
|
21
21
|
export var CENTER_VERTICAL_POSITION = '53%';
|
|
22
22
|
export var NUMBER_FORMATTER = new Intl.NumberFormat(DE_NUMBER_FORMAT);
|
|
23
23
|
export var LEGEND = { show: false };
|
|
24
|
-
export var TEXT_STYLE = { fontFamily: FONT_FAMILY.openSans };
|
|
25
24
|
export var TOOLTIP_CLASS_NAME = 'smartapp-chart-tooltip';
|
|
26
25
|
export var PIE_TOOLTIP_CLASS_NAME = 'smartapp-pie-chart-tooltip';
|
|
27
26
|
export var OPTION_TOOLTIP = { trigger: axis, className: TOOLTIP_CLASS_NAME, borderColor: BORDER_COLOR };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/сomponents/Charts/constants.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/сomponents/Charts/constants.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAGxC,MAAM,CAAN,IAAY,OAWX;AAXD,WAAY,OAAO;IACjB,4BAAiB,CAAA;IACjB,wBAAa,CAAA;IACb,4BAAiB,CAAA;IACjB,gCAAqB,CAAA;IACrB,sCAA2B,CAAA;IAC3B,0BAAe,CAAA;IACf,4BAAiB,CAAA;IACjB,sBAAW,CAAA;IACX,sBAAW,CAAA;IACX,wBAAa,CAAA;AACf,CAAC,EAXW,OAAO,KAAP,OAAO,QAWlB;AAEO,IAAA,IAAI,GAAY,OAAO,KAAnB,EAAE,KAAK,GAAK,OAAO,MAAZ,CAAY;AAC/B,IAAM,gBAAgB,GAAG,OAAO,CAAA;AAEhC,MAAM,CAAC,IAAM,aAAa,GAAG,KAAK,CAAA;AAClC,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAA;AACpC,MAAM,CAAC,IAAM,0BAA0B,GAAG,KAAK,CAAA;AAC/C,MAAM,CAAC,IAAM,wBAAwB,GAAG,KAAK,CAAA;AAC7C,MAAM,CAAC,IAAM,gBAAgB,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAA;AACvE,MAAM,CAAC,IAAM,MAAM,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,CAAA;AACrC,MAAM,CAAC,IAAM,kBAAkB,GAAG,wBAAwB,CAAA;AAC1D,MAAM,CAAC,IAAM,sBAAsB,GAAG,4BAA4B,CAAA;AAClE,MAAM,CAAC,IAAM,cAAc,GAA2B,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,kBAAkB,EAAE,WAAW,EAAE,YAAY,EAAE,CAAA;AACjI,MAAM,CAAC,IAAM,WAAW,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,CAAA;AAEjF,MAAM,CAAC,IAAM,aAAa,GAAgB;IACxC,IAAI,EAAE,KAAK;IACX,SAAS,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,UAAU,EAAE;CAC1E,CAAA;AAED,MAAM,CAAC,IAAM,qBAAqB,GAAG;IACnC,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE,UAAU;IACpB,kBAAkB,EAAE,oBAAoB;CACzC,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG;IAClC,GAAG,EAAE,GAAG;IACR,IAAI,EAAE,GAAG;IACT,GAAG,EAAE,GAAG;CACT,CAAA"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { RefObject } from 'react';
|
|
2
|
-
import ReactEcharts from 'echarts-for-react';
|
|
3
2
|
import { SeriesOption } from 'echarts';
|
|
4
|
-
import
|
|
3
|
+
import ReactEcharts from 'echarts-for-react';
|
|
5
4
|
import { TChartData, TChartPieData, TRenderChartTooltip, TTooltipFormatterParam } from './types';
|
|
5
|
+
import { XAXisOption } from 'echarts/types/dist/shared';
|
|
6
6
|
export declare const isBarChart: (chartType: string) => boolean;
|
|
7
7
|
export declare const isLineChart: (chartType: string) => boolean;
|
|
8
8
|
export declare const isPieChart: (chartType: string) => boolean;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { isArray, isEmpty } from 'lodash';
|
|
2
|
+
import { LINE_COLOR } from './colors';
|
|
2
3
|
import { COLORS } from '../../constants';
|
|
3
4
|
import { NUMBER_FORMATTER, OPTIONS } from './constants';
|
|
4
|
-
import { LINE_COLOR } from './colors';
|
|
5
5
|
var darkerGray = COLORS.darkerGray, black = COLORS.black, transparent = COLORS.transparent;
|
|
6
6
|
var series = OPTIONS.series, line = OPTIONS.line, bar = OPTIONS.bar, category = OPTIONS.category, pie = OPTIONS.pie;
|
|
7
7
|
export var isBarChart = function (chartType) { return chartType === bar; };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../src/сomponents/Charts/helpers.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../src/сomponents/Charts/helpers.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { RefObject } from 'react';
|
|
2
2
|
import ReactEcharts from 'echarts-for-react';
|
|
3
|
+
import { IFontFamilyProps } from '../../constants';
|
|
3
4
|
type TLegendVisibility = {
|
|
4
5
|
[name: string]: boolean;
|
|
5
6
|
};
|
|
@@ -52,7 +53,7 @@ export type TRenderChartTooltip = {
|
|
|
52
53
|
params: TTooltipFormatterParam[];
|
|
53
54
|
tooltipXAxis?: string[];
|
|
54
55
|
};
|
|
55
|
-
export interface IChartProps {
|
|
56
|
+
export interface IChartProps extends IFontFamilyProps {
|
|
56
57
|
chartHeight?: number;
|
|
57
58
|
title?: string;
|
|
58
59
|
xAxis: string[];
|
|
@@ -60,7 +61,7 @@ export interface IChartProps {
|
|
|
60
61
|
data: TChartData[];
|
|
61
62
|
legendUnits?: string;
|
|
62
63
|
}
|
|
63
|
-
export interface IChartPieProps {
|
|
64
|
+
export interface IChartPieProps extends IFontFamilyProps {
|
|
64
65
|
chartSize?: number;
|
|
65
66
|
title?: string;
|
|
66
67
|
subtitle: string;
|
|
@@ -9,8 +9,8 @@ var __assign = (this && this.__assign) || function () {
|
|
|
9
9
|
};
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
|
-
import { isArray, isEmpty } from 'lodash';
|
|
13
12
|
import Color from 'color';
|
|
13
|
+
import { isArray, isEmpty } from 'lodash';
|
|
14
14
|
import { calculatePieValue } from './helpers';
|
|
15
15
|
export var usePieEvents = function (_a) {
|
|
16
16
|
var chartRef = _a.chartRef, data = _a.data;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePieEvents.js","sourceRoot":"","sources":["../../../../src/сomponents/Charts/usePieEvents.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"usePieEvents.js","sourceRoot":"","sources":["../../../../src/сomponents/Charts/usePieEvents.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
import { ICheckBoxProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare
|
|
3
|
+
export declare enum CHECK_BOX_SHAPE {
|
|
4
|
+
square = "square",
|
|
5
|
+
circle = "circle"
|
|
6
|
+
}
|
|
7
|
+
declare const CheckBox: ({ id, isDisabled, isChecked, isIndeterminate, className, styles, shape, checkedColor, checkedHoverColor, checkedPressedColor, onChange, }: ICheckBoxProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
8
|
export default CheckBox;
|
|
@@ -12,27 +12,37 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
13
|
import { useEffect, useRef } from 'react';
|
|
14
14
|
import classNames from 'classnames';
|
|
15
|
-
import { ReactComponent as CheckIcon } from '../../assets/icons/check-mark.svg';
|
|
16
15
|
import { generateColor } from '../../helpers';
|
|
17
|
-
import { COLORS } from '../../constants';
|
|
16
|
+
import { COLORS, EVENT_LISTENER_TYPES } from '../../constants';
|
|
17
|
+
import { ReactComponent as CheckSquareIcon } from '../../assets/icons/check-mark-square.svg';
|
|
18
|
+
import { ReactComponent as CheckIcon } from '../../assets/icons/check-mark.svg';
|
|
19
|
+
import { ReactComponent as IndeterminateCheckSquareIcon } from '../../assets/icons/indeterminate-check-mark-square.svg';
|
|
18
20
|
import '../../styles/styles.scss';
|
|
21
|
+
export var CHECK_BOX_SHAPE;
|
|
22
|
+
(function (CHECK_BOX_SHAPE) {
|
|
23
|
+
CHECK_BOX_SHAPE["square"] = "square";
|
|
24
|
+
CHECK_BOX_SHAPE["circle"] = "circle";
|
|
25
|
+
})(CHECK_BOX_SHAPE || (CHECK_BOX_SHAPE = {}));
|
|
26
|
+
var PRESSED_CLASS_NAME = 'smartapp-check-box__pressed';
|
|
19
27
|
var CheckBox = function (_a) {
|
|
20
|
-
var id = _a.id, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, _c = _a.isChecked, isChecked = _c === void 0 ? false : _c, className = _a.className,
|
|
28
|
+
var id = _a.id, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, _c = _a.isChecked, isChecked = _c === void 0 ? false : _c, _d = _a.isIndeterminate, isIndeterminate = _d === void 0 ? false : _d, className = _a.className, _e = _a.styles, styles = _e === void 0 ? {} : _e, _f = _a.shape, shape = _f === void 0 ? CHECK_BOX_SHAPE.square : _f, checkedColor = _a.checkedColor, checkedHoverColor = _a.checkedHoverColor, checkedPressedColor = _a.checkedPressedColor, _g = _a.onChange, onChange = _g === void 0 ? function () { return undefined; } : _g;
|
|
21
29
|
var checkBoxRef = useRef(null);
|
|
30
|
+
var inputId = "cb-".concat(id);
|
|
31
|
+
var iconColorStyle = { color: generateColor(checkedColor, COLORS.buttonPrimary) };
|
|
32
|
+
var isSquareShape = shape === CHECK_BOX_SHAPE.square;
|
|
33
|
+
var checkBoxStyles = __assign({ '--checkbox-hover-color': generateColor(checkedHoverColor, COLORS.buttonPrimaryHover), '--checkbox-pressed-color': generateColor(checkedPressedColor, COLORS.buttonPrimaryPressed) }, styles);
|
|
22
34
|
useEffect(function () {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
}, [checkedHoverColor, checkedPressedColor]);
|
|
26
|
-
useEffect(function () {
|
|
27
|
-
window.addEventListener('mouseup', handleMouseUp);
|
|
28
|
-
return function () {
|
|
29
|
-
window.removeEventListener('mouseup', handleMouseUp);
|
|
30
|
-
};
|
|
35
|
+
window.addEventListener(EVENT_LISTENER_TYPES.mouseup, handleMouseUp);
|
|
36
|
+
return function () { return window.removeEventListener(EVENT_LISTENER_TYPES.mouseup, handleMouseUp); };
|
|
31
37
|
}, []);
|
|
32
|
-
var handleMouseDown = function () { var _a; return (_a = checkBoxRef.current) === null || _a === void 0 ? void 0 : _a.classList.add(
|
|
33
|
-
var handleMouseUp = function () { var _a; return (_a = checkBoxRef.current) === null || _a === void 0 ? void 0 : _a.classList.remove(
|
|
38
|
+
var handleMouseDown = function () { var _a; return (_a = checkBoxRef.current) === null || _a === void 0 ? void 0 : _a.classList.add(PRESSED_CLASS_NAME); };
|
|
39
|
+
var handleMouseUp = function () { var _a; return (_a = checkBoxRef.current) === null || _a === void 0 ? void 0 : _a.classList.remove(PRESSED_CLASS_NAME); };
|
|
34
40
|
var handleClick = function (event) { return event.stopPropagation(); };
|
|
35
|
-
|
|
41
|
+
var renderSquareCheckIcon = function () {
|
|
42
|
+
return isIndeterminate ? (_jsx(IndeterminateCheckSquareIcon, { style: iconColorStyle, onMouseDown: handleMouseDown })) : (_jsx(CheckSquareIcon, { style: iconColorStyle, onMouseDown: handleMouseDown }));
|
|
43
|
+
};
|
|
44
|
+
var renderCheckIcon = function () { return (isSquareShape ? renderSquareCheckIcon() : _jsx(CheckIcon, { style: iconColorStyle, onMouseDown: handleMouseDown })); };
|
|
45
|
+
return (_jsx("div", __assign({ ref: checkBoxRef, className: classNames('smartapp-check-box', className), style: checkBoxStyles }, { children: _jsxs("label", __assign({ htmlFor: inputId }, { children: [_jsx("input", { id: inputId, type: "checkbox", className: "smartapp-check-box__custom-check-box", disabled: isDisabled, checked: isChecked, onChange: onChange, onClick: handleClick }), isChecked ? renderCheckIcon() : _jsx("span", { className: classNames('checkmark', "checkmark__".concat(shape)), onMouseDown: handleMouseDown })] })) })));
|
|
36
46
|
};
|
|
37
47
|
export default CheckBox;
|
|
38
48
|
//# sourceMappingURL=Checkbox.js.map
|