intelicoreact 1.0.28 → 1.0.30

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.
Files changed (119) hide show
  1. package/dist/Atomic/FormElements/ActionAlert/ActionAlert.js +2 -2
  2. package/dist/Atomic/FormElements/ActionAlert/ActionAlert.scss +13 -9
  3. package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.scss +27 -22
  4. package/dist/Atomic/FormElements/Calendar/Calendar.scss +68 -45
  5. package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.scss +55 -30
  6. package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.scss +3 -3
  7. package/dist/Atomic/FormElements/CheckboxesLine/partial/AnyOuterClass.scss +1 -1
  8. package/dist/Atomic/FormElements/Dropdown/Dropdown.scss +100 -51
  9. package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.scss +27 -9
  10. package/dist/Atomic/FormElements/Input/Input.js +2 -0
  11. package/dist/Atomic/FormElements/Input/Input.scss +63 -38
  12. package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js +1 -1
  13. package/dist/Atomic/FormElements/InputCalendar/InputCalendar.scss +7 -2
  14. package/dist/Atomic/FormElements/InputColor/InputColor.js +49 -0
  15. package/dist/Atomic/FormElements/InputColor/InputColor.scss +18 -0
  16. package/dist/Atomic/FormElements/InputDateRange/InputDateRange.scss +176 -130
  17. package/dist/Atomic/FormElements/InputMask/InputMask.scss +69 -57
  18. package/dist/Atomic/FormElements/InputMask2/InputMask2.js +4 -2
  19. package/dist/Atomic/FormElements/InputMask2/InputMask2.scss +80 -68
  20. package/dist/Atomic/FormElements/InputsRow/InputsRow.scss +10 -4
  21. package/dist/Atomic/FormElements/Label/Label.js +2 -2
  22. package/dist/Atomic/FormElements/Label/Label.scss +19 -15
  23. package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.js +41 -43
  24. package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.scss +41 -34
  25. package/dist/Atomic/FormElements/MultiSelect/MultiSelect.scss +5 -3
  26. package/dist/Atomic/FormElements/NumericInput/NumericInput.scss +63 -37
  27. package/dist/Atomic/FormElements/RadioGroup/RadioGroup.scss +5 -1
  28. package/dist/Atomic/FormElements/RadioInput/RadioInput.scss +27 -16
  29. package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.scss +72 -40
  30. package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.scss +38 -24
  31. package/dist/Atomic/FormElements/RangeInputs/RangeInputs.scss +19 -15
  32. package/dist/Atomic/FormElements/RangeList/RangeList.scss +56 -42
  33. package/dist/Atomic/FormElements/RangeList/partial/AnyOuterClass.scss +7 -10
  34. package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js +6 -6
  35. package/dist/Atomic/FormElements/RangeSlider/RangeSlider.scss +71 -44
  36. package/dist/Atomic/FormElements/RangeSlider/RangeSlider.stories.scss +12 -8
  37. package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.scss +5 -6
  38. package/dist/Atomic/FormElements/SwitchableRow/partial/AnyOuterClass.scss +3 -3
  39. package/dist/Atomic/FormElements/Switcher/Switcher.scss +29 -21
  40. package/dist/Atomic/FormElements/Switcher/partial/AnyOuterClass.scss +4 -3
  41. package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.scss +10 -7
  42. package/dist/Atomic/FormElements/SwitcherCheckbox/partial/AnyOuterClass.scss +4 -3
  43. package/dist/Atomic/FormElements/SwitcherHide/SwitcherHide.scss +10 -7
  44. package/dist/Atomic/FormElements/SwitcherHide/partial/AnyOuterClass.scss +4 -3
  45. package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.scss +1 -0
  46. package/dist/Atomic/FormElements/SwitcherRadio/partial/AnyOuterClass.scss +4 -3
  47. package/dist/Atomic/FormElements/SwitcherRange/SwitcherRange.scss +19 -16
  48. package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.scss +1 -1
  49. package/dist/Atomic/FormElements/SwitcherRangeList/partial/AnyOuterClass.scss +10 -12
  50. package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.js +1 -1
  51. package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.scss +35 -33
  52. package/dist/Atomic/FormElements/SwitcherTagsDropdown/partial/AnyOuterClass.scss +4 -3
  53. package/dist/Atomic/FormElements/SwitcherTagsDropdown/partial/States.js +100 -100
  54. package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.scss +7 -4
  55. package/dist/Atomic/FormElements/SwitcherTextarea/partial/AnyOuterClass.scss +5 -4
  56. package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js +9 -9
  57. package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.scss +86 -43
  58. package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.scss +40 -27
  59. package/dist/Atomic/FormElements/TextSwitcher/partial/AnyOuterClass.scss +2 -1
  60. package/dist/Atomic/FormElements/Textarea/Textarea.scss +18 -14
  61. package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.scss +9 -7
  62. package/dist/Atomic/FormElements/TimeRange/TimeRange.scss +3 -3
  63. package/dist/Atomic/FormElements/UserContacts/UserContacts.scss +0 -1
  64. package/dist/Atomic/FormElements/UserContacts/partial/AnyOuterClass.scss +11 -10
  65. package/dist/Atomic/FormElements/UserContacts/partial/defaultIcons.js +1 -0
  66. package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js +1 -1
  67. package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.scss +24 -17
  68. package/dist/Atomic/FormElements/WidgetPseudoTable/partial/AnyOuterClass.scss +33 -28
  69. package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.scss +24 -17
  70. package/dist/Atomic/FormElements/WidgetWithSwitchableRows/partial/AnyOuterClass.scss +33 -28
  71. package/dist/Atomic/Layout/Header/Header.scss +44 -25
  72. package/dist/Atomic/Layout/MainMenu/MainMenu.scss +69 -35
  73. package/dist/Atomic/Layout/Spinner/Spinner.scss +30 -10
  74. package/dist/Atomic/UI/Accordion/Accordion.scss +75 -63
  75. package/dist/Atomic/UI/AccordionTable/AccordionTable.js +6 -6
  76. package/dist/Atomic/UI/AccordionTable/AccordionTable.scss +68 -29
  77. package/dist/Atomic/UI/AdvancedTag/AdvancedTags.scss +59 -43
  78. package/dist/Atomic/UI/Alert/Alert.scss +28 -20
  79. package/dist/Atomic/UI/Arrow/Arrow.scss +3 -5
  80. package/dist/Atomic/UI/Button/Button.scss +53 -39
  81. package/dist/Atomic/UI/ButtonsBar/ButtonsBar.scss +2 -1
  82. package/dist/Atomic/UI/Chart/Chart.scss +14 -13
  83. package/dist/Atomic/UI/Chart/partial/AnyOuterClass.scss +20 -15
  84. package/dist/Atomic/UI/Chart/partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon.scss +7 -2
  85. package/dist/Atomic/UI/Chart/partial/datasetSetters.js +0 -6
  86. package/dist/Atomic/UI/Chart/partial/optionsSetters.js +0 -5
  87. package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.scss +28 -22
  88. package/dist/Atomic/UI/DateTime/DateTime.js +2 -2
  89. package/dist/Atomic/UI/DateTime/DateTime.scss +1 -2
  90. package/dist/Atomic/UI/DateTime/partial/AnyOuterClass.scss +6 -5
  91. package/dist/Atomic/UI/DoubleString/DoubleString.scss +11 -7
  92. package/dist/Atomic/UI/DoubleString/partial/AnyOuterClass.scss +8 -6
  93. package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.js +1 -1
  94. package/dist/Atomic/UI/ExampleChartIntegration/partial/AnyOuterClass.scss +26 -17
  95. package/dist/Atomic/UI/Hint/Hint.js +7 -7
  96. package/dist/Atomic/UI/Hint/Hint.scss +38 -22
  97. package/dist/Atomic/UI/Modal/Modal.scss +90 -47
  98. package/dist/Atomic/UI/MonoAccordion/MonoAccordion.scss +17 -12
  99. package/dist/Atomic/UI/MonoAccordion/partial/AnyOuterClass.scss +8 -5
  100. package/dist/Atomic/UI/NavLine/NavLine.js +1 -1
  101. package/dist/Atomic/UI/NavLine/NavLine.scss +89 -54
  102. package/dist/Atomic/UI/NavLine/Tabs.js +72 -72
  103. package/dist/Atomic/UI/PageTitle/PageTitle.scss +41 -35
  104. package/dist/Atomic/UI/ProgressLine/ProgressLine.scss +113 -69
  105. package/dist/Atomic/UI/Status/Status.scss +21 -14
  106. package/dist/Atomic/UI/Table/Table.scss +70 -58
  107. package/dist/Atomic/UI/Table/TdTypes/TdTypes.scss +33 -29
  108. package/dist/Atomic/UI/Tag/Tag.scss +38 -24
  109. package/dist/Atomic/UI/TagList/TagList.js +1 -7
  110. package/dist/Atomic/UI/TagList/TagList.scss +11 -8
  111. package/dist/Atomic/UI/UserBox/UserBox.scss +14 -7
  112. package/dist/Functions/fieldValueFormatters.js +23 -18
  113. package/dist/Functions/usePasswordChecker.js +9 -2
  114. package/dist/Functions/utils.js +1 -1
  115. package/dist/Molecular/FormElement/FormElement.scss +7 -3
  116. package/dist/scss/_fonts.scss +143 -109
  117. package/dist/scss/_vars.scss +21 -21
  118. package/dist/scss/main.scss +33 -27
  119. package/package.json +1 -1
@@ -2,55 +2,63 @@
2
2
  display: flex;
3
3
  align-items: center;
4
4
  justify-content: space-between;
5
+
6
+ box-sizing: border-box;
7
+ width: 100%;
5
8
  padding: 15px;
9
+
6
10
  border-top-right-radius: 5px;
7
11
  border-bottom-right-radius: 5px;
8
- width: 100%;
9
- box-sizing: border-box;
12
+
10
13
  font-size: 13px;
11
14
 
12
15
  &--error {
13
- color: #f06d8d;
14
- background-color: #fce2e8;
15
- border-left: 2px solid #f06d8d;
16
+ color: #F06D8D;
17
+ border-left: 2px solid #F06D8D;
18
+ background-color: #FCE2E8;
16
19
  }
17
20
 
18
21
  &--warning {
19
- color: #f59a2f;
20
- background-color: #ffedc8;
21
- border-left: 2px solid #f59a2f;
22
+ color: #F59A2F;
23
+ border-left: 2px solid #F59A2F;
24
+ background-color: #FFEDC8;
22
25
  }
23
26
 
24
27
  &--success {
25
- color: #00b031;
26
- background-color: #e4f3e8;
27
- border-left: 2px solid #00b031;
28
+ color: #00B031;
29
+ border-left: 2px solid #00B031;
30
+ background-color: #E4F3E8;
28
31
  }
29
32
 
30
33
  &--info {
31
- color: #6b81dd;
32
- background-color: #e2e6f8;
33
- border-left: 2px solid #6b81dd;
34
+ color: #6B81DD;
35
+ border-left: 2px solid #6B81DD;
36
+ background-color: #E2E6F8;
34
37
  }
35
38
 
36
39
  &__close-btn {
37
40
  display: flex;
38
41
  align-items: center;
39
42
  justify-content: flex-end;
43
+
40
44
  min-width: 15px;
45
+ margin-left: 10px;
46
+
41
47
  cursor: pointer;
42
48
  user-select: none;
43
- margin-left: 10px;
44
49
  }
45
50
 
46
51
  &--title {
47
- background-color: #ebeff2;
48
- border-radius: 4px;
49
52
  height: 37px;
50
- font-weight: 400;
53
+
54
+ text-transform: uppercase;
55
+
51
56
  color: #1E1E2D;
57
+ border-radius: 4px;
58
+ background-color: #EBEFF2;
59
+
52
60
  font-size: 13px;
53
- text-transform: uppercase;
61
+ font-weight: 400;
54
62
 
55
63
  .alert__close-btn {
56
64
  display: none;
@@ -59,8 +67,8 @@
59
67
 
60
68
  svg {
61
69
  width: 16px;
62
- height: 16px;
63
70
  min-width: 16px;
71
+ height: 16px;
64
72
  margin-right: 10px;
65
73
  }
66
74
  }
@@ -4,16 +4,14 @@
4
4
 
5
5
  &_disabled {
6
6
  pointer-events: none;
7
+
7
8
  opacity: 0.5;
8
9
  }
9
10
  }
10
11
 
11
- .arrow>svg {
12
+ .arrow > svg {
12
13
  width: 100%;
13
14
  height: 100%;
15
+
14
16
  pointer-events: none;
15
17
  }
16
-
17
-
18
-
19
-
@@ -1,28 +1,33 @@
1
1
  .button {
2
2
  display: inline-flex;
3
- justify-content: center;
4
3
  align-items: center;
5
- font-size: 13px;
6
- line-height: 20px;
7
- border-radius: 3px;
4
+ justify-content: center;
5
+
6
+ box-sizing: border-box;
7
+ height: 28px;
8
8
  padding: 3px 10px;
9
+
9
10
  cursor: pointer;
10
- box-sizing: border-box;
11
- text-align: center;
12
11
  user-select: none;
13
- height: 28px;
12
+ text-align: center;
14
13
  white-space: nowrap;
14
+
15
+ border-radius: 3px;
15
16
  box-shadow: 0 2px 5px rgb(0 0 0 / 10%);
16
17
 
18
+ font-size: 13px;
19
+ line-height: 20px;
20
+
17
21
  &:disabled {
18
- opacity: 0.5;
19
22
  pointer-events: none;
23
+
24
+ opacity: 0.5;
20
25
  }
21
26
 
22
27
  &_warning {
23
- border: 1px solid #f06d8d;
24
- background-color: #f06d8d;
25
- color: #fff;
28
+ color: #FFF;
29
+ border: 1px solid #F06D8D;
30
+ background-color: #F06D8D;
26
31
 
27
32
  &:hover {
28
33
  filter: brightness(1.1);
@@ -30,18 +35,18 @@
30
35
  }
31
36
 
32
37
  &_dark-outline {
33
- border: 1px solid #bac2c9;
34
- color: #1e1e2dff;
38
+ color: #1E1E2DFF;
39
+ border: 1px solid #BAC2C9;
35
40
 
36
41
  &:hover {
37
- background-color: #f2f2f8ff;
42
+ background-color: #F2F2F8FF;
38
43
  }
39
44
  }
40
45
 
41
46
  &_primary {
42
- border: 1px solid #6b81ddff;
43
- background-color: #6b81ddff;
44
- color: #fff;
47
+ color: #FFF;
48
+ border: 1px solid #6B81DDFF;
49
+ background-color: #6B81DDFF;
45
50
 
46
51
  &:hover {
47
52
  filter: brightness(1.1);
@@ -49,9 +54,9 @@
49
54
  }
50
55
 
51
56
  &_secondary {
52
- border: 1px solid #bac2c9ff;
53
- background-color: #bac2c9ff;
54
- color: #fff;
57
+ color: #FFF;
58
+ border: 1px solid #BAC2C9FF;
59
+ background-color: #BAC2C9FF;
55
60
 
56
61
  &:hover {
57
62
  filter: brightness(1.1);
@@ -60,31 +65,37 @@
60
65
 
61
66
  &_ellipse-apply {
62
67
  padding: 8px 16px;
68
+
69
+ letter-spacing: 0.1px;
70
+
71
+ color: #FFF;
63
72
  border-radius: 40px;
64
- background: #1f7499;
65
- font-family: "Sarabun";
66
- font-style: normal;
67
- font-weight: 500;
73
+ background: #1F7499;
74
+
75
+ font-family: Sarabun, sans-serif;
68
76
  font-size: 16px;
77
+ font-weight: 500;
78
+ font-style: normal;
69
79
  line-height: 24px;
70
- letter-spacing: 0.1px;
71
- color: #ffffff;
72
80
  }
73
81
 
74
82
  &_ellipse-cancel {
75
83
  padding: 8px 18px;
84
+
85
+ letter-spacing: 0.2px;
86
+
87
+ color: #1F7499;
76
88
  border-radius: 32px;
77
- font-family: Sarabun;
78
- font-style: normal;
79
- font-weight: normal;
89
+
90
+ font-family: Sarabun, sans-serif;
80
91
  font-size: 14px;
92
+ font-weight: normal;
93
+ font-style: normal;
81
94
  line-height: 20px;
82
- letter-spacing: 0.2px;
83
- color: #1f7499;
84
95
  }
85
96
 
86
97
  &_link {
87
- color: #6b81dd;
98
+ color: #6B81DD;
88
99
  box-shadow: none;
89
100
 
90
101
  svg {
@@ -93,9 +104,9 @@
93
104
  }
94
105
 
95
106
  &_success {
96
- background-color: #7ac48c;
97
- border: 1px solid #7ac48c;
98
- color: #fff;
107
+ color: #FFF;
108
+ border: 1px solid #7AC48C;
109
+ background-color: #7AC48C;
99
110
 
100
111
  &:hover {
101
112
  filter: brightness(1.1);
@@ -103,10 +114,12 @@
103
114
  }
104
115
 
105
116
  &__text {
106
- width: 100%;
107
117
  display: flex;
108
- justify-content: center;
109
118
  align-items: center;
119
+ justify-content: center;
120
+
121
+ width: 100%;
122
+
110
123
  box-shadow: none;
111
124
  }
112
125
 
@@ -116,8 +129,8 @@
116
129
 
117
130
  &__icon {
118
131
  width: auto;
119
- height: 25px;
120
132
  min-width: 15px;
133
+ height: 25px;
121
134
  }
122
135
 
123
136
  &_icon-left {
@@ -129,8 +142,9 @@
129
142
  &_icon-right {
130
143
  .button__text {
131
144
  order: 1;
132
- margin-left: 0;
145
+
133
146
  margin-right: 5px;
147
+ margin-left: 0;
134
148
  }
135
149
 
136
150
  svg {
@@ -1,7 +1,8 @@
1
1
  .button-bar {
2
- margin: 15px;
3
2
  display: flex;
4
3
  align-items: center;
5
4
  justify-content: center;
5
+
6
6
  width: 100%;
7
+ margin: 15px;
7
8
  }
@@ -1,16 +1,17 @@
1
-
2
1
  .chart {
3
- box-sizing: border-box;
4
2
  position: relative;
3
+
4
+ box-sizing: border-box;
5
5
  height: fit-content;
6
6
  padding: 24px;
7
7
 
8
8
  &__header {
9
- margin-bottom: 24px;
10
9
  display: flex;
10
+ align-items: flex-start;
11
11
  flex-flow: row nowrap;
12
12
  justify-content: space-between;
13
- align-items: flex-start;
13
+
14
+ margin-bottom: 24px;
14
15
 
15
16
  &_only-switcher {
16
17
  justify-content: flex-end;
@@ -18,23 +19,23 @@
18
19
  }
19
20
 
20
21
  &__description {
21
- flex-grow: 1;
22
- padding-left: 24px;
23
-
24
22
  display: flex;
23
+ align-items: flex-start;
25
24
  flex-flow: column nowrap;
25
+ flex-grow: 1;
26
26
  justify-content: flex-start;
27
- align-items: flex-start;
27
+
28
+ padding-left: 24px;
28
29
  }
29
30
 
30
31
  &__type-switcher {
31
- width: fit-content;
32
- height: fit-content;
33
-
34
32
  display: flex;
33
+ align-items: flex-start;
35
34
  flex-flow: row nowrap;
36
35
  justify-content: flex-start;
37
- align-items: flex-start;
36
+
37
+ width: fit-content;
38
+ height: fit-content;
38
39
 
39
40
  &-icon {
40
41
  margin-right: 8px;
@@ -54,4 +55,4 @@
54
55
  margin-bottom: 0;
55
56
  }
56
57
  }
57
- }
58
+ }
@@ -1,38 +1,43 @@
1
1
  .any-outer-class__chart:not(.chart_icon-mode) {
2
2
  max-width: 806px;
3
3
 
4
- background: #FFFFFF;
5
- box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.05);
6
4
  border-radius: 16px;
7
- }
8
5
 
6
+ background: #FFF;
7
+ box-shadow: 0 16px 24px rgb(0 0 0 / 5%);
8
+ }
9
9
 
10
10
  .any-outer-class__chart {
11
11
  .chart__description-title {
12
- font-style: normal;
13
- font-weight: 600;
14
- font-size: 16px;
15
- line-height: 24px;
16
12
  letter-spacing: 0.1px;
13
+
17
14
  color: #3B414B;
15
+
16
+ font-size: 16px;
17
+ font-weight: 600;
18
+ font-style: normal;
19
+ line-height: 24px;
18
20
  }
21
+
19
22
  .chart__description-value {
20
23
  span {
21
- font-style: normal;
22
- font-weight: 600;
23
- font-size: 20px;
24
- line-height: 30px;
25
24
  letter-spacing: 0.359794px;
25
+
26
26
  color: #3B414B;
27
27
 
28
-
28
+ font-size: 20px;
29
+ font-weight: 600;
30
+ font-style: normal;
31
+ line-height: 30px;
29
32
 
30
33
  &:last-child {
31
- font-size: 14px;
32
- line-height: 20px;
33
34
  letter-spacing: 0.2px;
35
+
34
36
  color: #757F8C;
37
+
38
+ font-size: 14px;
39
+ line-height: 20px;
35
40
  }
36
41
  }
37
42
  }
38
- }
43
+ }
@@ -1,18 +1,23 @@
1
1
  .chart__type-switcher-icon {
2
2
  overflow: hidden;
3
+
3
4
  width: 24px;
4
5
  height: 24px;
6
+
5
7
  cursor: pointer;
8
+
6
9
  svg {
7
10
  width: 100%;
8
11
  height: 100%;
9
12
  }
13
+
10
14
  &_active {
11
- svg rect{
15
+ svg rect {
12
16
  fill: #1F7499;
13
17
  }
18
+
14
19
  svg path {
15
20
  stroke: white;
16
21
  }
17
22
  }
18
- }
23
+ }
@@ -164,17 +164,11 @@ function changeData(currentData, iterationKey, settingsForChange, chartInstance)
164
164
  return settingsForChange.reduce(function (acc, animationObj) {
165
165
  return addNotLibraryAnimation(acc, animationObj, chartInstance);
166
166
  }, currentData);
167
- // ToDo - после выпилить кейс
168
-
169
- case 'consoleCurrentData':
170
- console.log(currentData);
171
- return currentData;
172
167
 
173
168
  default:
174
169
  return currentData;
175
170
  }
176
171
  }
177
172
 
178
- ;
179
173
  var _default = changeData;
180
174
  exports.default = _default;
@@ -49,11 +49,6 @@ var addAdditionalOptions = function addAdditionalOptions(currentOptions, options
49
49
 
50
50
  case 'addTooltipOptions':
51
51
  return addTooltipOptions(currentOptions, optionData);
52
- // ToDo - после выпилить кейс
53
-
54
- case 'consoleCurrentData':
55
- console.log(currentOptions);
56
- return currentOptions;
57
52
 
58
53
  default:
59
54
  return currentOptions;
@@ -1,49 +1,53 @@
1
1
  .limit-progress-bar {
2
2
  position: relative;
3
+
3
4
  display: flex;
4
5
  flex-direction: column-reverse;
6
+
5
7
  width: 124px;
6
8
  min-height: 124px;
7
- background-color: transparent;
9
+
8
10
  border-radius: 50%;
11
+ background-color: transparent;
9
12
 
10
13
  // &__progress-wrapper {
11
14
  // width: 124px;
12
15
  // height: 124px;
13
16
  // border-radius: 50%;
14
17
 
15
- // &::before {
16
- // content: "";
17
- // position: absolute;
18
- // z-index: 1;
19
- // top: 3px;
20
- // left: 57px;
21
- // width: 10px;
22
- // height: 10px;
23
- // background-color: #fff;
24
- // border: 2px solid #6b81dd;
25
- // border-radius: 50%;
26
-
27
- // .limit-progress-bar--reverse & {
28
- // border-color: #f06d8d;
29
- // }
30
- // }
18
+ // &::before {
19
+ // content: "";
20
+ // position: absolute;
21
+ // z-index: 1;
22
+ // top: 3px;
23
+ // left: 57px;
24
+ // width: 10px;
25
+ // height: 10px;
26
+ // background-color: #fff;
27
+ // border: 2px solid #6b81dd;
28
+ // border-radius: 50%;
29
+
30
+ // .limit-progress-bar--reverse & {
31
+ // border-color: #f06d8d;
32
+ // }
33
+ // }
31
34
  // }
32
35
 
33
36
  &__progress {
34
- border-radius: 50%;
35
37
  transform: rotate(-90deg);
36
38
 
39
+ border-radius: 50%;
40
+
37
41
  .limit-progress-bar--reverse & {
38
42
  transform: rotate(-90deg) scaleY(-1);
39
43
  }
40
44
 
41
45
  & > circle {
42
- fill: none;
43
- transform: translate(3px, 3px);
44
46
  transition: stroke-dashoffset 0.8s;
47
+ transform: translate(3px, 3px);
48
+ fill: none;
45
49
 
46
- strokeLinecap: round;
50
+ strokelinecap: round;
47
51
  }
48
52
  }
49
53
 
@@ -53,10 +57,12 @@
53
57
  right: 0;
54
58
  bottom: 0;
55
59
  left: 0;
60
+
56
61
  display: flex;
57
- flex-direction: column;
58
62
  align-items: center;
63
+ flex-direction: column;
59
64
  justify-content: center;
65
+
60
66
  border-radius: 50%;
61
67
  }
62
68
  }
@@ -35,8 +35,8 @@ var DateTime = function DateTime(_ref) {
35
35
  inputTimeFormat = _ref.timeFormat,
36
36
  isNoDate = _ref.isNoDate,
37
37
  isNoTime = _ref.isNoTime;
38
- var dateFormat = !!inputDateFormat ? inputDateFormat : DEFAULT_DATE_FORMAT;
39
- var timeFormat = !!inputTimeFormat ? inputTimeFormat : DEFAULT_TIME_FORMAT;
38
+ var dateFormat = inputDateFormat ? inputDateFormat : DEFAULT_DATE_FORMAT;
39
+ var timeFormat = inputTimeFormat ? inputTimeFormat : DEFAULT_TIME_FORMAT;
40
40
  var date = (0, _react.useMemo)(function () {
41
41
  return (valueFormat ? (0, _momentTimezone.default)(value, valueFormat) : (0, _momentTimezone.default)(value)).format(dateFormat);
42
42
  }, [value, valueFormat, dateFormat]);
@@ -1,11 +1,10 @@
1
-
2
1
  @import "./../../../scss/vars";
3
2
 
4
3
  .date-time {
5
4
  display: flex;
5
+ align-items: flex-start;
6
6
  flex-direction: column;
7
7
  justify-content: center;
8
- align-items: flex-start;
9
8
 
10
9
  &__date,
11
10
  &__time {
@@ -1,9 +1,10 @@
1
- @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');
1
+ @import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap";
2
2
 
3
3
  .any-outer-class__date-time {
4
+ color: #1E1E2D;
5
+
4
6
  font-family: Roboto, sans-serif;
5
- font-style: normal;
6
- font-weight: 400;
7
7
  font-size: 13px;
8
- color: #1E1E2D;
9
- }
8
+ font-weight: 400;
9
+ font-style: normal;
10
+ }
@@ -1,25 +1,29 @@
1
1
  .double-string {
2
2
  display: flex;
3
3
  align-items: flex-start;
4
- justify-content: center;
5
4
  flex-direction: column;
5
+ justify-content: center;
6
+
7
+ &__value,
8
+ &__description {
9
+ color: inherit;
6
10
 
7
- &__value, &__description {
8
11
  font-family: inherit;
9
- font-style: inherit;
10
- font-weight: inherit;
11
12
  font-size: inherit;
12
- color: inherit;
13
+ font-weight: inherit;
14
+ font-style: inherit;
13
15
  }
14
16
 
15
17
  &__value {
16
- margin-bottom: 4px;
17
18
  overflow: hidden;
19
+
20
+ margin-bottom: 4px;
21
+
18
22
  white-space: nowrap;
19
23
  text-overflow: ellipsis;
20
24
  }
21
25
 
22
26
  &__description {
23
- color: #9aa0b9;
27
+ color: #9AA0B9;
24
28
  }
25
29
  }
@@ -1,16 +1,18 @@
1
- @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');
1
+ @import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap";
2
2
 
3
3
  .any-outer-class__double-string {
4
+ color: #1E1E2D;
5
+
4
6
  font-family: Roboto, sans-serif;
5
- font-style: normal;
6
- font-weight: 400;
7
7
  font-size: 16px;
8
- color: #1e1e2d;;
8
+ font-weight: 400;
9
+ font-style: normal;
9
10
 
10
11
  .double-string {
11
12
  &__description {
12
- color: #687bc1;
13
+ color: #687BC1;
14
+
13
15
  font-size: 13px;
14
16
  }
15
17
  }
16
- }
18
+ }
@@ -157,7 +157,7 @@ var ExampleChartIntegration = function ExampleChartIntegration(props) {
157
157
  };
158
158
 
159
159
  var modelsForSwitch = (0, _react.useMemo)(function () {
160
- return !!getTabData(tab) ? ['finturfChartBar', 'finturfChartLine'] : ['finturfLoadingModeBar', 'finturfLoadingModeLine'];
160
+ return getTabData(tab) ? ['finturfChartBar', 'finturfChartLine'] : ['finturfLoadingModeBar', 'finturfLoadingModeLine'];
161
161
  }, [!!getTabData(tab)]);
162
162
 
163
163
  var handleChangeChartType = function handleChangeChartType(model) {